.header {
    width: 100%;
    height: 36px;
    color: #4d4d4d
}

.header .header-container {
    width: 1134px;
    height: 36px;
    margin: 0 auto;
    position: relative;
    font-size: 0
}

.header .header-container .city-info {
    height: 36px;
    line-height: 36px;
    display: inline-block;
    vertical-align: top;
    font-size: 12px
}

.header .header-container .city-info span {
    display: inline-block
}

.header .header-container .city-info span.city-name {
    color: #0d0d0d;
    padding-left: 10px;
    padding-right: 15px;
    position: relative;
    cursor: pointer;
    font-weight: 500
}

.header .header-container .city-info span.city-name:before {
    content: "";
    position: absolute;
    right: 0;
    top: 15px;

    background-position: -169px -44px;
    width: 7px;
    height: 4px
}

.header .header-container .city-info span.city-name.active:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header .header-container .header-tab {
    margin-left: 40px;
    display: inline-block;
    vertical-align: top
}

.header .header-container .header-tab li {
    line-height: 36px;
    margin-right: 30px;
    font-size: 12px;
    color: #4d4d4d;
    display: inline-block;
    vertical-align: top
}

.header .header-container .header-tab li.active a {
    color: #1a8aef;
    font-weight: 500
}

.header .header-container .header-tab li a {
    color: #4d4d4d
}

.header .header-container .header-memus {
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0
}

.header .header-container .header-memus li {
    margin-left: 20px;
    display: inline-block;
    font-size: 12px;
    vertical-align: top
}

.header .header-container .header-memus li.collect-site {
    position: relative;
    cursor: pointer
}

.header .header-container .header-memus li.collect-site span {
    display: none;
    top: 35px;
    left: -60px;
    position: absolute;
    width: 180px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 2px;
    z-index: 1
}

.header .header-container .header-memus li.collect-site span:before {
    content: "";
    position: absolute;
    right: 90px;
    top: -5px;
    border: 5px dashed rgba(0, 0, 0, .7);
    border-top-width: 0;
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent
}

.header .header-container .header-memus li.site-consult em {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    padding-left: 8px
}

.header .header-container .header-memus li.mine {
    padding-right: 16px
}

.header .header-container .header-memus li.hotel-login {
    width: 68px;
    height: 100%;
    background: #ff4d00;
    text-align: center;
    line-height: 36px
}

.header .header-container .header-memus li.hotel-login a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%
}

.header .header-container .header-memus li a {
    color: #4d4d4d
}

.header .header-container .select-pull {
    display: none;
    width: 335px;
    position: absolute;
    top: 38px;
    left: 55px;
    background-color: #fff;
    z-index: 10;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.header .header-container .select-pull .select-options {
    padding: 12px 0;
    font-size: 0
}

.header .header-container .select-pull .select-options li {
    width: 56px;
    height: 32px;
    display: inline-block;
    font-size: 14px;
    color: #0d0d0d;
    line-height: 32px;
    text-align: center;
    margin-left: 10px;
    margin-bottom: 12px;
    cursor: pointer
}

.header .header-container .select-pull .select-options li a {
    color: #0d0d0d;
    display: inline-block;
    width: 56px;
    height: 32px
}

.header .header-container .select-pull .select-options li:hover {
    background-color: #0085fa;
    color: #fff
}

.header .header-container .select-pull .select-options li:hover a {
    color: #fff
}

.header .header-container .select-pull .select-options li.active {
    background-color: #0085fa;
    color: #fff
}

.header .header-container .select-pull .select-options li.active a {
    color: #fff
}

.header .header-container .select-pull.active {
    display: block
}

.amounts-resources {
    height: 128px;
    min-width: 1160px;
    background: #292929
}

.amounts-resources .amounts-resources-cen {
    width: 1136px;
    height: 100%;
    margin: 0 auto;
    color: #fff
}

.amounts-resources .amounts-resources-cen div {
    width: 25%;
    height: 128px;
    float: left;
    padding-top: 37px
}

.amounts-resources .amounts-resources-cen div li {
    list-style: none
}

.amounts-resources .amounts-resources-cen .amounts-size {
    font-size: 18px;
    margin-top: 3px;
    font-weight: 700
}

.amounts-resources .amounts-resources-cen .amounts-sizeone {
    font-size: 13px;
    margin-top: 13px
}

.amounts-resources .amounts-resources-cen .amounts-resources-imgfour, .amounts-resources .amounts-resources-cen .amounts-resources-imgone, .amounts-resources .amounts-resources-cen .amounts-resources-imgthree, .amounts-resources .amounts-resources-cen .amounts-resources-imgtwo {
    width: 48px;
    height: 48px;
    display: block;
    font-size: 12px;
    background-size: 100% 100%;
    float: left;
    margin-right: 20px
}

.amounts-resources .amounts-resources-cen .amounts-resources-imgone {
    background-image: url("../image/index/tuijian.png");
    background-image: -webkit-image-set(url("../image/index/tuijian.png") 1x, url("../image/index/tuijian@2x.png") 2x)
}

.amounts-resources .amounts-resources-cen .amounts-resources-imgtwo {
    background-image: url("../image/index/fuwu.png");
    background-image: -webkit-image-set(url("../image/index/fuwu.png") 1x, url("../image/index/fuwu@2x.png") 2x)
}

.amounts-resources .amounts-resources-cen .amounts-resources-imgthree {
    background-image: url("../image/index/duijie.png");
    background-image: -webkit-image-set(url("../image/index/duijie.png") 1x, url("../image/index/duijie@2x.png") 2x)
}

.amounts-resources .amounts-resources-cen .amounts-resources-imgfour {
    background-image: url("../image/index/shengqian.png");
    background-image: -webkit-image-set(url("../image/index/shengqian.png") 1x, url("../image/index/shengqian@2x.png") 2x)
}

.footer-wrap {
    width: 100%;
    background-color: #fff;
    color: #0b1429 !important
}

.footer-wrap .footer-cont {
    width: 1136px;
    margin: 0 auto;
    padding-top: 60px
}

.footer-wrap .footer-cont .footer-cont-nav {
    width: 1136px;
    height: 200px;
    margin: 0 auto
}

.footer-wrap .footer-cont .footer-cont-nav div {
    float: left;
    width: 227px
}

.footer-wrap .footer-cont .footer-cont-nav div h3 {
    font-size: 14px;
    color: #000;
    font-weight: 600
}

.footer-wrap .footer-cont .footer-cont-nav div .attentiontous {
    text-indent: 5px
}

.footer-wrap .footer-cont .footer-cont-nav div li {
    list-style: none;
    margin-top: 12px
}

.footer-wrap .footer-cont .footer-cont-nav div li a {
    font-size: 12px;
    color: #0b1429
}

.footer-wrap .footer-cont .footer-cont-nav div .attention {
    width: 90px;
    height: 90px;
    margin: 17px 5px 13px;
    background-image: url("../image/common/2x/footer/erweima@2x.png");
    background-size: 100%
}

.footer-wrap .footer-cont .footer-cont-nav div .sweepdowm {
    width: 90px;
    height: 90px;
    background-image: url("../image/index/consociation/downapp-new@2x.png");
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 17px 5px 13px
}

.footer-wrap .footer-cont .footer-cont-nav div p {
    font-size: 12px;
    color: #000;
    margin-top: 12px;
    text-indent: 5px
}

.footer-wrap .footer-cont .foot-nav {
    font-size: 0;
    text-indent: -9px
}

.footer-wrap .footer-cont .foot-nav li {
    display: inline-block;
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    color: #000;
    font-size: 13px;
    cursor: pointer
}

.footer-wrap .footer-cont .foot-nav li:last-child {
    margin-right: 0
}

.footer-wrap .footer-cont .foot-nav li.active {
    font-weight: 600;
    background-color: hsla(0, 0%, 100%, .1)
}

.footer-wrap .footer-cont .nav-wrap {
    line-height: 24px;
    color: #666e80;
    border-bottom: 1px solid #e3e4e6;
    padding: 0 2px 8px
}

.footer-wrap .footer-cont .nav-wrap .nav-cont {
    font-size: 0
}

.footer-wrap .footer-cont .nav-wrap .nav-cont.hide {
    display: none
}

.footer-wrap .footer-cont .nav-wrap .nav-cont .nav-li {
    font-size: 12px;
    margin-right: 15px;
    display: inline-block
}

.footer-wrap .footer-cont .nav-wrap .nav-cont .nav-li b, .footer-wrap .footer-cont .nav-wrap .nav-cont .nav-li h3, .footer-wrap .footer-cont .nav-wrap .nav-cont .nav-li strong {
    font-weight: 500
}

.footer-wrap .footer-cont .nav-wrap .nav-cont .nav-li a {
    color: #666e80
}

.footer-wrap .footer-cont .intr {
    padding-top: 20px;
    padding-right: 230px;
    position: relative
}

.footer-wrap .footer-cont .intr .introduce {
    width: 870px;
    line-height: 24px;
    font-size: 12px;
    color: #666e80
}

.footer-wrap .footer-cont .intr .contact {
    position: absolute;
    width: 220px;
    height: 70px;
    right: 0;
    top: 0;
    padding-top: 20px;
    font-size: 0
}

.footer-wrap .footer-cont .intr .contact .cont-left {
    display: inline-block;
    width: 70px;
    height: 100%;
    text-align: center;
    border-right: 1px solid #ccc
}

.footer-wrap .footer-cont .intr .contact .cont-left .contact-icon {
    width: 24px;
    height: 22px;
    display: inline-block;
    margin-bottom: 8px;
    background-image: url("../image/index/zixun.png"), url("../image/index/zixun@2x.png");
    background-size: 100% 100%
}

.footer-wrap .footer-cont .intr .contact .cont-left span {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 12px;
    color: #363c4d
}

.footer-wrap .footer-cont .intr .contact .cont-right {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 150px
}

.footer-wrap .footer-cont .intr .contact .cont-right .contact-tel {
    color: #000;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    display: inline-block;
    width: 100%;
    height: 24px;
    margin-bottom: 5px
}

.footer-wrap .footer-cont .intr .contact .cont-right span {
    display: block;
    text-align: right;
    width: 100%;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #363c4d
}

.footer-wrap .footer-cont .other-site {
    width: 100%;
    height: 38px;
    color: #000;
    padding: 16px 0 5px;
    font-size: 0
}

.footer-wrap .footer-cont .other-site .other-desc {
    font-size: 12px;
    vertical-align: top;
    display: inline-block
}

.footer-wrap .footer-cont .other-site .other-sites {
    display: inline-block;
    font-size: 0
}

.footer-wrap .footer-cont .other-site .other-sites .other-li {
    font-size: 12px;
    vertical-align: top;
    display: inline-block;
    padding: 0 15px;
    border-right: 1px solid hsla(0, 0%, 100%, .2)
}

.footer-wrap .footer-cont .other-site .other-sites .other-li a {
    color: #000
}

.footer-wrap .footer-cont .other-site .other-sites .other-li:last-child {
    border-right: none
}

.footer-wrap .footer-cont .abort-cont {
    padding-top: 5px;
    width: 100%;
    position: relative
}

.footer-wrap .footer-cont .abort-cont .abrot-list {
    width: 100%;
    height: 14px;
    line-height: 14px
}

.footer-wrap .footer-cont .abort-cont .abrot-list li {
    display: inline-block;
    margin-right: 20px;
    font-size: 12px
}

.footer-wrap .footer-cont .abort-cont .abrot-list li a {
    color: #000
}

.footer-wrap .footer-cont .abort-cont .abort-desc .abort-bott, .footer-wrap .footer-cont .abort-cont .abort-desc .abort-top {
    height: 20px
}

.footer-wrap .footer-cont .abort-cont .abort-desc .abort-bott span, .footer-wrap .footer-cont .abort-cont .abort-desc .abort-top span {
    display: inline-block;
    font-size: 12px;
    color: #666e80;
    vertical-align: top;
    margin-right: 16px
}

.footer-wrap .footer-cont .abort-cont .abort-desc .abort-bott span i, .footer-wrap .footer-cont .abort-cont .abort-desc .abort-top span i {
    margin: 0 5px 0 0
}

.footer-wrap .footer-cont .abort-cont .abort-desc .abort-bott .for-reference, .footer-wrap .footer-cont .abort-cont .abort-desc .abort-top .for-reference {
    display: inline-block;
    font-size: 12px;
    color: #666e80;
    vertical-align: top;
    margin-right: 16px;
    padding-left: 20px;
    position: relative
}

.footer-wrap .footer-cont .abort-cont .abort-desc .abort-bott .for-reference i, .footer-wrap .footer-cont .abort-cont .abort-desc .abort-top .for-reference i {
    position: absolute;
    left: 0;
    top: -1px;
    width: 14px;
    height: 14px;
    background-image: url("../image/common/for-refer.png");
    background-size: 100% 100%
}

.footer-wrap .footer-cont .abort-cont .abort-aptitude {
    padding-top: 22px;
    font-size: 0
}

.footer-wrap .footer-cont .abort-cont .abort-aptitude .baidu-aptitude, .footer-wrap .footer-cont .abort-cont .abort-aptitude .qiye-aptitude {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 56px
}

.footer-wrap .footer-cont .abort-cont .abort-aptitude .baidu-aptitude {
    background-image: url("../image/index/baidu.png"), url("../image/index/baidu@2x.png")
}

.footer-wrap .footer-cont .abort-cont .abort-aptitude .qiye-aptitude {
    background-image: url("../image/index/qiye.png"), url("../image/index/qiye@2x.png")
}

.footer-wrap .footer-cont .abort-cont .qcode-cont {
    position: absolute;
    width: 100px;
    height: 130px;
    right: 0;
    bottom: 60px
}

.footer-wrap .footer-cont .abort-cont .qcode-cont .qcode {
    margin-bottom: 8px;
    background-image: url(../image/hotelDetail/footer_icon.png?t=01510fa7eda6a94e6412371f201be80d);
    background-image: -webkit-image-set(url(../image/hotelDetail/footer_icon.png?t=01510fa7eda6a94e6412371f201be80d) 1x, url(../image/hotelDetail/footer_icon@2x.png?t=a286feb5f5007eaed64f8f1d76e70a67) 2x);
    background-position: 0 -86px;
    width: 100px;
    height: 100px
}

.footer-wrap .footer-cont .abort-cont .qcode-cont .qcode-desc {
    width: 100px;
    text-align: center;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    color: #000
}

.img-table {
    width: 824px
}

.img-table .img-view {
    height: 462px;
    position: relative;
    background-color: #b3b3b3;
    overflow: hidden
}

.img-table .img-view .view-btn-prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 77px;
    height: 400px;
    cursor: pointer
}

.img-table .img-view .view-btn-prev .btn {
    position: absolute;
    width: 35px;
    height: 35px;
    border: 6px solid #fff;
    opacity: .8;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%)
}

.img-table .img-view .view-btn-prev .btn-prev {
    border-bottom: transparent;
    border-right: transparent;
    top: 224px;
    left: 42px;
    z-index: 100
}

.img-table .img-view .view-btn-next {
    position: absolute;
    right: 0;
    top: 0;
    width: 77px;
    height: 400px;
    cursor: pointer
}

.img-table .img-view .view-btn-next .btn {
    position: absolute;
    width: 35px;
    height: 35px;
    border: 6px solid #fff;
    opacity: .8;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%)
}

.img-table .img-view .view-btn-next .btn-next {
    border-top: transparent;
    border-left: transparent;
    top: 224px;
    right: 24px;
    z-index: 100
}

.img-table .img-view .curr-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

.img-table .img-view .img-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 42px;
    line-height: 42px;
    z-index: 1000
}

.img-table .img-view .img-nav .img-type {
    display: inline-block;
    font-size: 0;
    padding-left: 20px
}

.img-table .img-view .img-nav .img-type li {
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.img-table .img-view .img-nav .img-type li.active:after {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background-color: #fff;
    -webkit-transform: rotate(45deg) translateY(50%);
    transform: rotate(45deg) translateY(50%);
    position: absolute;
    bottom: -1px;
    left: 50%
}

.img-table .img-view .img-nav .all-btn {
    color: #fff;
    font-size: 12px;
    padding-right: 12px;
    cursor: pointer
}

.img-table .img-view .img-supernatant {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.img-table .img-view .img-supernatant:before {
    top: 0
}

.img-table .img-view .img-supernatant:after, .img-table .img-view .img-supernatant:before {
    content: "";
    position: absolute;
    height: 126px;
    left: 0;
    right: 0;
    background-size: 100% 100%;
    background-image: url("../image/hotelDetail/supernatant@2x.png")
}

.img-table .img-view .img-supernatant:after {
    bottom: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.img-table .img-preview {
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: relative;
    margin-top: 2px
}

.img-table .img-preview .img-list {
    height: 100%;
    padding: 0 34px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap
}

.img-table .img-preview .img-list.hide {
    display: none
}

.img-table .img-preview .img-list li {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-right: 2px;
    cursor: pointer;
    vertical-align: top
}

.img-table .img-preview .img-list li.active {
    position: relative
}

.img-table .img-preview .img-list li.active:after {
    display: block;
    content: "";
    position: absolute;
    width: 92px;
    height: 92px;
    top: 0;
    left: 0;
    border: 4px solid #007eed
}

.img-table .img-preview .img-list .select-img {
    width: 100%;
    height: 100%
}

.img-table .img-preview .btn {
    display: block;
    position: absolute;
    width: 34px;
    height: 100%;
    z-index: 9;
    background-color: #0d0d0d;
    top: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.img-table .img-preview .btn:hover {
    background-color: #4c4c4c;
    opacity: .7
}

.img-table .img-preview .btn.disabled {
    background-color: #4c4c4c;
    cursor: not-allowed
}

.img-table .img-preview .btn.btn-prev {
    left: 0;
    background-image: url("../image/common/icon-btn-img-left.png");
    background-image: -webkit-image-set(url("../image/common/icon-btn-img-left.png") 1x, url("../image/common/icon-btn-img-left@2x.png") 2x)
}

.img-table .img-preview .btn.btn-next {
    right: 0;
    background-image: url("../image/common/icon-btn-img-right.png");
    background-image: -webkit-image-set(url("../image/common/icon-btn-img-right.png") 1x, url("../image/common/icon-btn-img-right@2x.png") 2x)
}


.info-nav {
    z-index: 99;
    height: 51px;
    border-top: 2px solid #0d0d0d;
    font-size: 0;
    background-color: #f7f7f7;
    position: relative
}

.info-nav > div {
    display: inline-block;
    vertical-align: top;
    color: #4d4d4d;
    font-size: 14px;
    height: 100%;
    line-height: 51px;
    cursor: pointer;
    text-align: center;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

.info-nav > div:first-child {
    border-left: 1px solid #e3e3e3
}

.info-nav > div.active {
    color: #0d0d0d;
    background-color: #fff;
    font-weight: 500;
    border-bottom: none
}

.info-nav:before {
    content: "";
    position: absolute;
    right: 0;
    width: 190px;
    height: 48px;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3
}

.info-nav .info-nav-conf {
    width: 140px
}

.info-nav .info-nav-room {
    width: 132px
}

.info-nav .info-nav-loc {
    width: 120px
}

.info-nav .info-nav-desc, .info-nav .info-nav-fac {
    width: 121px
}

.info-nav.fixed {
    height: 54px;
    width: 1160px
}

.info-nav.fixed .enquiry-btn {
    display: inline-block;
    cursor: pointer
}

.info-nav.fixed:before {
    content: "";
    position: absolute;
    right: 296px;
    width: 230px;
    height: 51px;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3
}

.info-nav .enquiry-btn {
    margin-top: -2px;
    display: none;
    width: 296px;
    height: 54px;
    float: right;
    background-size: 100% 100%;
    background-image: url("../image/hotelDetail/consult-bg-fang.png");
    background-image: -webkit-image-set(url("../image/hotelDetail/consult-bg-fang.png") 1x, url("../image/hotelDetail/consult-bg-fang@2x.png") 2x);
    color: #fff;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    padding: 0
}

.info-nav .enquiry-btn .title {
    padding: 8px 0 3px 25px;
    font-size: 20px;
    line-height: 20px;
    text-align: left
}

.info-nav .enquiry-btn .desc {
    font-size: 14px;
    padding-left: 25px;
    line-height: 14px;
    text-align: left
}

.info-nav .enquiry-btn .icon-arrow-right {
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 16px;
    background-image: url(../image/hotelDetail/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792);
    background-image: -webkit-image-set(url(../image/hotelDetail/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792) 1x, url(../image/hotelDetail/detailIcon_icon@2x.png?t=62f6a04b2a90299b288dc6c1b71b86d4) 2x);
    background-position: 0 0;
    width: 40px;
    height: 40px
}

.img-list-box {
    position: relative;
    height: 113px;
    display: none;
    overflow: hidden
}

.img-list-box .btn {
    position: absolute;
    display: block;
    width: 40px;
    height: 75px;
    top: 50%;
    margin-top: -32px;
    background-color: #000;
    opacity: .7;
    z-index: 9;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.img-list-box .list-prev {
    left: 0;
    background-image: url("../image/common/icon-btn-img-left.png");
    background-image: -webkit-image-set(url("../image/common/icon-btn-img-left.png") 1x, url("../image/common/icon-btn-img-left@2x.png") 2x)
}

.img-list-box .list-next {
    right: 0;
    background-image: url("../image/common/icon-btn-img-right.png");
    background-image: -webkit-image-set(url("../image/common/icon-btn-img-right.png") 1x, url("../image/common/icon-btn-img-right@2x.png") 2x)
}

.img-list-box.active {
    display: block
}

.img-list {
    padding-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    height: 100%;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0
}

.img-list .img-item, .img-list > div {
    width: 152px;
    height: 100%;
    position: relative;
    display: inline-block;
    margin-right: 16px;
    vertical-align: top
}

.img-list .img-item img, .img-list > div img {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.img-list .img-item .img-title, .img-list > div .img-title {
    position: absolute;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    opacity: .7
}

.chamber-info {
    width: 824px
}

.chamber-info .title {
    font-size: 18px;
    color: #0d0d0d;
    padding: 20px 0 11px;
    font-weight: bolder
}

.chamber-info .title b, .chamber-info .title h2, .chamber-info .title strong {
    display: inline-block;
    width: 60px;
    font-weight: bolder
}

.chamber-info .title span {
    font-size: 14px;
    color: #ff6b22
}

.chamber-info .chamber-li {
    font-size: 0
}

.chamber-info .chamber-li li {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    vertical-align: top;
    color: #0d0d0d
}

.chamber-info .chamber-li .chamber-name {
    width: 150px;
    font-size: 14px;
    text-align: left
}

.chamber-info .chamber-li .chamber-area {
    width: 70px;
    margin-right: 28px
}

.chamber-info .chamber-li .chamber-people {
    width: 70px;
    margin-right: 25px
}

.chamber-info .chamber-li .chamber-layouts {
    width: 272px;
    padding-top: 8px;
    font-size: 0;
    margin-right: 44px
}

.chamber-info .chamber-li .chamber-layouts .layouts-title {
    line-height: 12px;
    font-size: 12px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon {
    line-height: 12px;
    padding-top: 5px;
    position: relative;
    cursor: pointer
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 22px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon:hover .layout-tip {
    display: block
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon:last-child {
    margin: 0
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-theater {
    background-position: 0 -96px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-desk, .chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-theater {
    background-image: url(../image/hotelDetail/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5);
    background-image: -webkit-image-set(url(../image/hotelDetail/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5) 1x, url(../image/hotelDetail/tables_icon@2x.png?t=a34402b9a81b3f3a4d4f86e4007a5551) 2x);
    width: 20px;
    height: 20px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-desk {
    background-position: 0 -56px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-circle {
    background-position: 0 -36px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-circle, .chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-U {
    background-image: url(../image/hotelDetail/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5);
    background-image: -webkit-image-set(url(../image/hotelDetail/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5) 1x, url(../image/hotelDetail/tables_icon@2x.png?t=a34402b9a81b3f3a4d4f86e4007a5551) 2x);
    width: 20px;
    height: 20px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-U {
    background-position: 0 -116px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-fish {
    background-position: 0 -76px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-board, .chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-fish {
    background-image: url(../image/hotelDetail/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5);
    background-image: -webkit-image-set(url(../image/hotelDetail/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5) 1x, url(../image/hotelDetail/tables_icon@2x.png?t=a34402b9a81b3f3a4d4f86e4007a5551) 2x);
    width: 20px;
    height: 20px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-board {
    background-position: 0 -16px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-wine {
    background-image: url(../image/hotelDetail/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5);
    background-image: -webkit-image-set(url(../image/hotelDetail/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5) 1x, url(../image/hotelDetail/tables_icon@2x.png?t=a34402b9a81b3f3a4d4f86e4007a5551) 2x);
    background-position: 0 -136px;
    width: 20px;
    height: 20px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip {
    display: none;
    position: absolute;
    width: 200px;
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 1px 0 8px rgba(0, 0, 0, .2);
    box-shadow: 1px 0 8px rgba(0, 0, 0, .2);
    top: 100%;
    left: 50%;
    margin-left: -100px;
    margin-top: 10px;
    z-index: 99
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    margin-top: -5px;
    left: 50%;
    margin-left: -5px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box {
    width: 180px;
    height: 146px;
    margin-bottom: 13px;
    position: relative
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img {
    display: block;
    height: 100%;
    width: 100%;
    background-size: 100% 100%
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.theater {
    background-image: url("../image/hotelDetail/layouts/theater.png");
    background-image: -webkit-image-set(url("../image/hotelDetail/layouts/theater.png") 1x, url("../image/hotelDetail/layouts/theater.png") 2x)
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.class {
    background-image: url("../image/hotelDetail/layouts/class.png");
    background-image: -webkit-image-set(url("../image/hotelDetail/layouts/class.png") 1x, url("../image/hotelDetail/layouts/class.png") 2x)
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.banquet {
    background-image: url("../image/hotelDetail/layouts/banquet.png");
    background-image: -webkit-image-set(url("../image/hotelDetail/layouts/banquet.png") 1x, url("../image/hotelDetail/layouts/banquet.png") 2x)
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.U {
    background-image: url("../image/hotelDetail/layouts/U.png");
    background-image: -webkit-image-set(url("../image/hotelDetail/layouts/U.png") 1x, url("../image/hotelDetail/layouts/U.png") 2x)
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.fishbone {
    background-image: url("../image/hotelDetail/layouts/fishbone.png");
    background-image: -webkit-image-set(url("../image/hotelDetail/layouts/fishbone.png") 1x, url("../image/hotelDetail/layouts/fishbone.png") 2x)
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.board {
    background-image: url("../image/hotelDetail/layouts/board.png");
    background-image: -webkit-image-set(url("../image/hotelDetail/layouts/board.png") 1x, url("../image/hotelDetail/layouts/board.png") 2x)
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.party {
    background-image: url("../image/hotelDetail/layouts/party.png");
    background-image: -webkit-image-set(url("../image/hotelDetail/layouts/party.png") 1x, url("../image/hotelDetail/layouts/party.png") 2x)
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .tip-bottom {
    position: absolute;
    width: 100%;
    height: 28px;
    background-color: #000;
    opacity: .7;
    font-size: 12px;
    color: #fff;
    line-height: 28px;
    bottom: 0;
    left: 0
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .tip-text .mothed {
    padding-bottom: 10px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .tip-text .tip .tip-title {
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    padding-bottom: 8px
}

.chamber-info .chamber-li .chamber-layouts .layouts-icon .tip-text .tip .article {
    font-size: 12px;
    line-height: 16px;
    text-align: left
}

.chamber-info .chamber-li .chamber-price {
    width: 85px;
    text-align: left
}

.chamber-info .chamber-li .chamber {
    width: 70px;
    position: relative
}

.chamber-info .chamber-li .chamber .btn-add {
    position: absolute;
    top: 0;
    right: 11px;
    width: 48px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: #007eed;
    border: 1px solid #007eed;
    border-radius: 2px;
    cursor: pointer
}

.chamber-info .chamber-li .chamber .btn-add:hover {
    background-color: #007eed;
    color: #fff
}

.chamber-info .chamber-tr {
    padding: 10px 0 0
}

.chamber-info .chamber-tr li {
    line-height: 32px
}

.chamber-info .chamber-tr.hide {
    display: none
}

.chamber-info .chamber-tr .chamber-name {
    width: 160px;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    padding-top: 8px;
    line-height: 16px;
    word-break: break-all
}

.chamber-info .chamber-tr .chamber-name p {
    padding-top: 5px;
    color: #ff6b22
}

.chamber-info .chamber-tr .layouts-num {
    width: 272px;
    font-size: 0;
    margin-right: 44px
}

.chamber-info .chamber-tr .layouts-num > span {
    font-size: 12px;
    display: inline-block;
    width: 20px;
    position: relative;
    margin-right: 22px
}

.chamber-info .chamber-tr .layouts-num > span:last-child {
    margin-right: 0
}

.chamber-info .chamber-tr .layouts-num > span .disabled {
    position: relative;
    display: inline-block;
    margin: -3px 0;
    -webkit-box-sizing: 100% 100%;
    box-sizing: 100% 100%;
    background-position: 50%;
    background-image: url(../image/hotelDetail/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5);
    background-image: -webkit-image-set(url(../image/hotelDetail/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5) 1x, url(../image/hotelDetail/tables_icon@2x.png?t=a34402b9a81b3f3a4d4f86e4007a5551) 2x);
    background-position: 0 0;
    width: 16px;
    height: 16px
}

.chamber-info .chamber-tr .layouts-num > span .disabled:hover span {
    display: block
}

.chamber-info .chamber-tr .layouts-num > span .disabled span {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    top: -35px;
    border-radius: 3px;
    background: #1d364b;
    color: #fff;
    width: 160px;
    height: 25px;
    line-height: 25px
}

.chamber-info .chamber-tr .layouts-num > span .disabled span:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #1d364b;
    margin-left: -6px
}

.chamber-info .chamber-tr .chamber-price {
    color: #c6932f
}

.chamber-info .chamber-header {
    z-index: 99;
    width: 824px;
    height: 50px;
    font-size: 0;
    line-height: 50px;
    padding-left: 10px;
    background-color: #fafafa;
    border-bottom: 1px solid #e3e3e3
}

.chamber-info .chamber-header .chamber-name {
    font-size: 12px
}

.chamber-info .chamber-header.chamber-li li {
    color: #4d4d4d
}

.chamber-info .chamber-header-box {
    min-height: 48px
}

.chamber-img {
    padding: 2px 0 14px;
    border-bottom: 1px solid #ebebeb
}

.chamber-img.hide {
    display: none
}

.chamber-img .chamber-tip {
    font-size: 12px
}

.chamber-img .chamber-tip .btn-img {
    color: #007eed;
    cursor: pointer;
    padding-right: 12px;
    position: relative;
    font-weight: 500
}

.chamber-img .chamber-tip .btn-img.disabled {
    color: gray
}

.chamber-img .chamber-tip .btn-img.disabled:after {
    visibility: hidden
}

.chamber-img .chamber-tip .btn-img:after {
    position: absolute;
    content: "";
    right: -8px;
    top: -2px;
    background-image: url(../image/hotelDetail/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792);
    background-image: -webkit-image-set(url(../image/hotelDetail/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792) 1x, url(../image/hotelDetail/detailIcon_icon@2x.png?t=62f6a04b2a90299b288dc6c1b71b86d4) 2x);
    background-position: -40px 0;
    width: 20px;
    height: 20px
}

.chamber-img .chamber-tip .btn-img.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.chamber-img .chamber-tip .mes-box {
    padding-left: 20px;
    color: gray;
    font-weight: 400
}

.chamber-img .chamber-tip .mes-box .mes-item {
    padding-right: 15px
}

.more-chamber {
    width: 824px;
    height: 40px;
    text-align: center;
    background-color: #f5f5f5;
    line-height: 40px;
    cursor: pointer
}

.more-chamber.hide {
    display: none
}

.more-chamber .btn-text {
    color: #007eed;
    font-size: 12px;
    display: inline-block;
    width: 100%
}

.more-chamber .btn-text:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 1px solid #007eed;
    border-top: transparent;
    border-right: transparent;
    margin-left: 9px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%)
}

.more-chamber .btn-text.active:after {
    -webkit-transform: rotate(135deg) translateY(-50%);
    transform: rotate(135deg) translateY(-50%)
}

.conf-hr {
    margin-top: 40px;
    height: 2px;
    background-color: #0d0d0d;
    width: 1160px
}

.conf-title {
    padding: 40px 0 20px;
    font-size: 18px;
    color: #0d0d0d;
    font-weight: bolder;
    width: 1160px
}

.conf-list {
    border: 1px solid #e6e6e6;
    width: 1160px
}

.conf-list .conf-item {
    position: relative;
    font-size: 0;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fafafa
}

.conf-list .item-title {
    font-size: 12px;
    display: inline-block;
    width: 152px;
    height: 100%;
    padding: 15px 0 0 24px;
    color: gray;
    vertical-align: top
}

.conf-list .item-val {
    font-size: 0;
    display: inline-block;
    padding: 16px 120px 15px 31px;
    border-left: 1px solid #e6e6e6;
    color: #0d0d0d;
    width: 1006px;
    line-height: 26px;
    position: relative;
    background-color: #fff
}

.conf-list .item-val .conf-atom {
    font-size: 12px;
    display: inline-block;
    width: 137px
}

.conf-list .item-val .conf-atom:before {
    display: inline-block;
    content: "";
    vertical-align: middle;
    margin-right: 10px;
    background-image: url(../image/hotelDetail/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792);
    background-image: -webkit-image-set(url(../image/hotelDetail/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792) 1x, url(../image/hotelDetail/detailIcon_icon@2x.png?t=62f6a04b2a90299b288dc6c1b71b86d4) 2x);
    background-position: -40px -20px;
    width: 20px;
    height: 20px
}

.conf-list .item-val .conf-atom.hide {
    display: none
}

.conf-list .item-val .text {
    vertical-align: middle
}

.conf-list .btn-more {
    color: #007eed;
    cursor: pointer;
    position: absolute;
    font-size: 12px;
    top: 16px;
    right: 16px
}

.conf-list .btn-more:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 1px solid #007eed;
    border-top: transparent;
    border-right: transparent;
    margin-left: 9px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%)
}

.conf-list .btn-more.active:after {
    -webkit-transform: rotate(135deg) translateY(-50%);
    transform: rotate(135deg) translateY(-50%)
}

.conf-list:last-child {
    border-bottom: none
}

.desc-hr {
    height: 2px;
    background-color: #0d0d0d;
    margin-top: 50px;
    width: 1160px
}

.desc-title {
    padding: 40px 0 20px;
    font-size: 18px;
    color: #0d0d0d;
    width: 1160px;
    font-weight: bolder
}

.desc-items {
    border: 1px solid #e6e6e6;
    width: 1160px
}

.desc-items .desc-item {
    font-size: 0;
    min-height: 49px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fafafa
}

.desc-items .desc-item .item-title {
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    width: 152px;
    height: 100%;
    padding: 20px 0 20px 24px;
    color: gray;
    vertical-align: top
}

.desc-items .desc-item .item-val {
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    padding: 20px 39px 20px 24px;
    border-left: 1px solid #e6e6e6;
    color: #0d0d0d;
    background-color: #fff;
    width: 1006px
}

.desc-items .desc-item .item-val.hide {
    display: none
}

.desc-items .desc-item .item-val.desc {
    line-height: 24px
}

.desc-items .desc-item .item-val .btn-more {
    color: #007eed;
    cursor: pointer;
    padding-left: 10px
}

.desc-items .desc-item .item-val .btn-more:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 1px solid #007eed;
    border-top: transparent;
    border-right: transparent;
    margin-left: 9px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%)
}

.desc-items .desc-item .item-val .btn-more.active:after {
    -webkit-transform: rotate(135deg) translateY(-50%);
    transform: rotate(135deg) translateY(-50%)
}

.desc-items .desc-item:last-child {
    border-bottom: none
}

.hotel-image {
    position: relative;
    width: 824px;
    display: inline-block;
    margin-right: 16px;
    vertical-align: top
}

.hotel-image.mb135 {
    margin-bottom: 135px
}

.hotel-image .conf-hr {
    margin-bottom: 40px;
    height: 2px;
    background-color: #0d0d0d;
    width: 1160px
}

.hotel-image .hotel-name {
    position: relative;
    width: 1160px
}

.hotel-image .hotel-name .hotel-image-title {
    font-size: 18px;
    color: #0d0d0d;
    font-weight: bolder;
    line-height: 30px
}

.hotel-image .hotel-name .look-more-link {
    position: absolute;
    right: 20px;
    top: 9px
}

.hotel-image .hotel-name .look-more {
    width: 48px;
    height: 12px;
    font-size: 12px;
    color: #007eed
}

.hotel-image .hotel-name .look-more:after {
    position: absolute;
    width: 7px;
    height: 7px;
    border: 1px solid #007eed;
    border-top: transparent;
    border-left: transparent;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    margin-top: 9px;
    margin-left: 3px;
    content: ""
}

.hotel-image .hotel-img {
    width: 1160px;
    font-size: 0
}

.hotel-image .hotel-img div {
    display: inline-block
}

.hotel-image .hotel-img div .hotel-img-link {
    display: block;
    position: relative
}

.hotel-image .hotel-img div .hotel-img-link .hotel-img-image {
    display: inline-block;
    margin-top: 17px;
    margin-right: 14px;
    width: 218px;
    height: 150px;
    font-size: 0
}

.hotel-image .hotel-img div .hotel-img-link .hotel-img-number {
    position: absolute;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    text-align: right;
    bottom: 0;
    left: 0;
    padding-right: 12px;
    width: 218px;
    height: 24px;
    background: hsla(0, 0%, 5%, .8)
}

.hotel-image .hotel-img div .hotel-img-explain {
    display: block;
    margin-top: 15px;
    left: 0;
    bottom: 0;
    width: 218px;
    height: 14px;
    font-size: 14px;
    color: #0d0d0d
}

.map-hr {
    height: 2px;
    background-color: #0d0d0d;
    margin-top: 40px
}

.map-hr, .map-info {
    width: 1160px
}

.map-info .map-title {
    padding: 40px 0 20px;
    font-size: 18px;
    color: #0d0d0d;
    font-weight: bolder
}

.map-info .map-box {
    width: 1160px;
    height: 500px;
    position: relative
}

.hr {
    height: 2px;
    margin-top: 40px;
    background-color: #0d0d0d
}

.hr, .room-info {
    width: 824px
}

.room-title {
    padding: 40px 0 19px;
    font-size: 18px;
    color: #0d0d0d;
    font-weight: bolder
}

.room-title .num {
    font-size: 12px;
    color: gray
}

.room-header {
    font-size: 0;
    color: gray;
    line-height: 41px;
    height: 41px;
    background-color: #fafafa;
    border-bottom: 1px solid #ebebeb
}

.room-header li {
    display: inline-block;
    font-size: 12px;
    text-align: center
}

.room-header li.name {
    padding-top: 0;
    line-height: 41px
}

.room-li li {
    vertical-align: top
}

.room-li .name {
    padding-top: 24px;
    line-height: 16px;
    width: 150px;
    text-align: left;
    padding-left: 9px
}

.room-li .area {
    width: 90px
}

.room-li .num {
    width: 110px
}

.room-li .net {
    width: 150px
}

.room-li .window {
    width: 130px
}

.room-li .price {
    width: 124px;
    padding-left: 40px;
    text-align: left
}

.room-tr {
    color: #0d0d0d;
    height: 60px;
    line-height: 60px;
    font-size: 0;
    border-bottom: 1px solid #f0f0f0
}

.room-tr li {
    display: inline-block;
    font-size: 12px;
    text-align: center
}

.room-tr li.price {
    color: #c6932f
}

.room-tr .name {
    font-size: 14px;
    text-align: left
}

.room-tr .btn {
    width: 70px
}

.room-tr .btn-add {
    width: 48px;
    height: 31px;
    display: inline-block;
    line-height: 31px;
    text-align: center;
    color: #007eed;
    border: 1px solid #007eed;
    border-radius: 2px;
    cursor: pointer
}

.room-tr .btn-add:hover {
    background-color: #007eed;
    color: #fff
}

.base-info b strong, .base-info h1 {
    margin: 0
}

.base-info .hotel-name {
    margin-top: 35px;
    color: #0d0d0d;
    font-size: 28px;
    text-align: center;
    font-weight: 600
}

.base-info .hotel-level {
    text-align: center;
    padding-top: 14px
}

.base-info .hotel-level .level {
    display: inline-block;
    line-height: 23px;
    color: #c6932f;
    border-top: 2px solid #c6932f;
    border-bottom: 2px solid #c6932f
}

.base-info .hid-tags {
    text-align: center;
    padding-top: 15px;
    font-size: 12px
}

.base-info .hid-tags .hid-tag {
    color: #0074e4
}

.base-info .address {
    text-align: center;
    font-size: 12px;
    color: #0d0d0d;
    padding: 14px 0 24px
}

.base-info .btn-box {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-size: 0;
    text-align: center
}

.base-info .btn-box .btn {
    display: inline-block;
    line-height: 45px;
    font-size: 12px;
    color: #0074e4;
    cursor: pointer;
    width: 50%;
    text-align: center
}

.base-info .btn-box .btn:before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 6px
}

.base-info .btn-box .btn.btn-icon:before, .base-info .btn-box .btn.btn-map:before {
    background-position: 0 -40px;
    margin-right: -3px
}

.base-info .btn-box .btn.btn-icon:before, .base-info .btn-box .btn.btn-map:before, .base-info .btn-box .btn.btn-vista:before {
    background-image: url(../image/hotelDetail/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792);
    background-image: -webkit-image-set(url(../image/hotelDetail/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792) 1x, url(../image/hotelDetail/detailIcon_icon@2x.png?t=62f6a04b2a90299b288dc6c1b71b86d4) 2x);
    width: 20px;
    height: 20px
}

.base-info .btn-box .btn.btn-vista:before {
    background-position: -20px -40px;
    margin-right: 2px
}

.base-info .btn-box .btn .text {
    vertical-align: middle;
    line-height: 14px
}

.base-info .btn-box .btn-map {
    border-right: 1px solid #e6e6e6
}

.base-info .icon-group {
    font-size: 0;
    padding-bottom: 17px;
    border-bottom: 1px solid #e6e6e6
}

.base-info .icon-group li {
    display: inline-block;
    width: 33.33%
}

.base-info .icon-group .icon {
    width: 36px;
    height: 36px;
    margin: 23px auto 0
}

.base-info .icon-group .icon.icon-area {
    background-position: 0 0
}

.base-info .icon-group .icon.icon-area, .base-info .icon-group .icon.icon-people {
    background-image: url(../image/hotelDetail/baseInfo_icon.png);
    background-image: -webkit-image-set(url(../image/hotelDetail/baseInfo_icon.png) 1x, url(../image/hotelDetail/baseInfo_icon@2x.png) 2x);
    width: 36px;
    height: 36px
}

.base-info .icon-group .icon.icon-people {
    background-position: 0 -72px
}

.base-info .icon-group .icon.icon-price {
    background-position: 0 -108px
}

.base-info .icon-group .icon.icon-price, .base-info .icon-group .icon.icon-room {
    background-image: url(../image/hotelDetail/baseInfo_icon.png?t=3f815d9d50dd86a98d89ba930012654e);
    background-image: -webkit-image-set(url(../image/hotelDetail/baseInfo_icon.png?t=3f815d9d50dd86a98d89ba930012654e) 1x, url(../image/hotelDetail/baseInfo_icon@2x.png) 2x);
    width: 36px;
    height: 36px
}

.base-info .icon-group .icon.icon-room {
    background-position: 0 -144px
}

.base-info .icon-group .icon.icon-stop {
    background-position: 0 -180px
}

.base-info .icon-group .icon.icon-conf, .base-info .icon-group .icon.icon-stop {
    background-image: url(../image/hotelDetail/baseInfo_icon.png?t=3f815d9d50dd86a98d89ba930012654e);
    background-image: -webkit-image-set(url(../image/hotelDetail/baseInfo_icon.png?t=3f815d9d50dd86a98d89ba930012654e) 1x, url(../image/hotelDetail/baseInfo_icon@2x.png) 2x);
    width: 36px;
    height: 36px
}

.base-info .icon-group .icon.icon-conf {
    background-position: 0 -36px
}

.base-info .icon-group .icon-info {
    padding-top: 13px;
    font-size: 14px;
    color: #0d0d0d;
    text-align: center
}

.base-info .icon-group .icon-title {
    padding-top: 8px;
    font-size: 12px;
    color: gray;
    text-align: center
}

.base-info .text-info {
    padding-bottom: 17px;
    font-size: 0;
    border-bottom: 1px solid #e6e6e6
}

.base-info .text-info li {
    display: inline-block;
    font-size: 12px;
    color: #0d0d0d;
    width: 50%;
    padding-top: 16px
}

.base-info .text-info li.room-price {
    width: 164px
}

.base-info .text-info li.rec-dec {
    width: 130px
}

.base-info .feature-info {
    padding: 30px 0 26px;
    border-bottom: 1px solid #e6e6e6
}

.base-info .feature-info .feature-title {
    font-size: 14px;
    color: #0d0d0d;
    font-weight: bolder
}

.base-info .feature-info .feature-tags {
    padding-top: 10px
}

.base-info .feature-info .feature-tags .feature-tag {
    display: inline-block;
    margin-top: 8px;
    margin-right: 8px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 12px;
    color: #4d4d4d;
    border: 1px solid #4d4d4d
}

.base-info .history-active.no-more {
    padding-bottom: 29px
}

.base-info .history-active .history-title {
    padding: 30px 0 9px;
    color: 14px;
    font-size: 14px;
    color: 0 d 0 d 0 d;
    font-weight: bolder
}

.base-info .history-active .history-item {
    padding: 10px 0 0 5px;
    font-size: 12px;
    color: #4d4d4d;
    line-height: 20px
}

.base-info .history-active .history-item.hide {
    display: none
}

.base-info .history-active .history-item:before {
    content: "\B7   ";
    display: inline-block;
    margin-left: -5px
}

.base-info .history-active .btn-history {
    padding: 17px 0 29px 10px;
    border-bottom: 1px solid #e6e6e6
}

.base-info .history-active .btn-history .more-btn {
    font-size: 12px;
    color: #007eed;
    cursor: pointer
}

.base-info .history-active .btn-history .more-btn:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 1px solid #007eed;
    border-top: transparent;
    border-right: transparent;
    margin-left: 9px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%)
}

.base-info .history-active .btn-history .more-btn.active:after {
    -webkit-transform: rotate(135deg) translateY(-50%);
    transform: rotate(135deg) translateY(-50%)
}

.base-info .enquiry-btn {
    width: 296px;
    border-radius: 35px;
    height: 70px;
    background-size: 100% 100%;
    background-image: url("../image/hotelDetail/consult-bg.png");
    background-image: -webkit-image-set(url("../image/hotelDetail/consult-bg.png") 1x, url("../image/hotelDetail/consult-bg@2x.png") 2x);
    color: #fff;
    position: relative;
    margin-top: 20px;
    cursor: pointer
}

.base-info .enquiry-btn .title {
    padding: 14px 0 6px 45px;
    font-size: 20px
}

.base-info .enquiry-btn .desc {
    font-size: 14px;
    padding-left: 45px
}

.base-info .enquiry-btn .icon-arrow-right {
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 16px;
    background-image: url(../image/hotelDetail/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792);
    background-image: -webkit-image-set(url(../image/hotelDetail/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792) 1x, url(../image/hotelDetail/detailIcon_icon@2x.png?t=62f6a04b2a90299b288dc6c1b71b86d4) 2x);
    background-position: 0 0;
    width: 40px;
    height: 40px
}

.no-info-tip {
    padding-bottom: 115px;
    width: 824px
}

.no-info-tip .result-mes {
    text-align: center;
    font-size: 18px;
    color: #000;
    padding-top: 105px
}

.no-info-tip .result-tip {
    padding-top: 21px;
    text-align: center;
    color: #4d4d4d;
    font-size: 14px
}

.no-info-tip .help-free-btn {
    display: block;
    margin: 39px auto 0;
    height: 48px;
    border: 1px solid #007eed;
    color: #007eed;
    border-color: #007eed;
    border-radius: 2px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    width: 252px
}

.detail-form-banner {
    width: 296px;
    margin-top: 39px;
    background-color: #fff
}

.detail-form-banner .top-banner {
    padding-left: 16px;
    padding-top: 23px;
    height: 80px;
    width: 100%;
    position: relative;
    background-color: #009dff;
    background-image: -webkit-gradient(linear, left top, right top, from(#009dff), to(#0072ff));
    background-image: linear-gradient(90deg, #009dff, #0072ff)
}

.detail-form-banner .top-banner .mes {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    font-weight: 500
}

.detail-form-banner .top-banner .tip {
    font-size: 12px;
    color: #fff;
    font-weight: 300
}

.detail-form-banner .top-banner .tip .point {
    font-weight: 500
}

.detail-form-banner .top-banner .people-img {
    position: absolute;
    width: 74px;
    height: 78px;
    bottom: 0;
    right: 0;
    background-image: url("../image/hotelDetail/form-top-img.png");
    background-image: -webkit-image-set(url("../image/hotelDetail/form-top-img.png") 1x, url("../image/hotelDetail/form-top-img@2x.png") 2x)
}

.detail-form-banner .right-cont {
    width: 100%;
    height: 390px;
    padding-top: 20px;
    padding-left: 17px;
    border: 1px solid #e6e6e6;
    border-top: none
}

.detail-form-banner .right-cont .right-form-cont .select-wrap {
    width: 262px;
    height: 40px;
    padding-top: 11px
}

.detail-form-banner .right-cont .right-form-cont .select-wrap .select-cont .arrow {
    top: 6px
}

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-time.has-data {
    padding: 0
}

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-time.has-data .select-time-group .select-cont {
    height: 40px;
    padding-top: 12px
}

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-time.has-data .select-time-group .select-cont .arrow {
    top: 18px
}

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-time.has-data .select-time-group .select-cont.select-start-date .value {
    padding-left: 5px
}

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-budget.active .select-pull, .detail-form-banner .right-cont .right-form-cont .select-wrap.select-city.active .select-pull, .detail-form-banner .right-cont .right-form-cont .select-wrap.select-num.active .select-pull, .detail-form-banner .right-cont .right-form-cont .select-wrap.select-other.active .select-pull, .detail-form-banner .right-cont .right-form-cont .select-wrap.select-time.active .select-pull, .detail-form-banner .right-cont .right-form-cont .select-wrap.select-type.active .select-pull {
    width: 262px;
    top: 40px;
    left: 0
}

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-budget.active .select-push, .detail-form-banner .right-cont .right-form-cont .select-wrap.select-city.active .select-push, .detail-form-banner .right-cont .right-form-cont .select-wrap.select-num.active .select-push, .detail-form-banner .right-cont .right-form-cont .select-wrap.select-other.active .select-push, .detail-form-banner .right-cont .right-form-cont .select-wrap.select-time.active .select-push, .detail-form-banner .right-cont .right-form-cont .select-wrap.select-type.active .select-push {
    bottom: 40px;
    width: 277px;
    left: 0
}

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-other.active .select-pull .select-options li, .detail-form-banner .right-cont .right-form-cont .select-wrap.select-other.active .select-push .select-options li {
    width: 110px
}

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-city.active .select-pull .select-options li, .detail-form-banner .right-cont .right-form-cont .select-wrap.select-city.active .select-push .select-options li {
    width: 52px
}

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-other .select-cont .value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px
}

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-other .select-options-foot {
    width: 246px
}

.detail-form-banner .right-cont .right-form-submit {
    width: 262px;
    height: 42px;
    text-align: center;
    background-color: #08bf45;
    font-size: 14px;
    line-height: 42px;
    color: #fff;
    cursor: pointer
}

.empty-item, .likeness-item {
    width: 176px;
    display: inline-block;
    margin-right: 18px;
    vertical-align: top
}

.empty-item .likeness-img, .likeness-item .likeness-img {
    width: 176px;
    height: 235px
}

.empty-item .item-name, .likeness-item .item-name {
    padding: 14px 0 13px;
    font-size: 16px;
    color: #0d0d0d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.empty-item .item-hids, .empty-item .item-level, .empty-item .item-max, .likeness-item .item-hids, .likeness-item .item-level, .likeness-item .item-max {
    font-size: 12px;
    color: gray
}

.empty-item .item-level, .likeness-item .item-level {
    padding-bottom: 10px;
    color: #c6932f
}

.empty-item .item-hids, .likeness-item .item-hids {
    padding-bottom: 12px
}

.empty-item .item-hids .hid, .likeness-item .item-hids .hid {
    padding-right: 10px
}

.empty-item {
    height: 323px
}

.likeness-hotel {
    width: 824px;

    display: inline-block;
    overflow: hidden;
    font-size: 0;
    white-space: nowrap
}

.likeness-hotel .likeness-nav {
    height: 32px;
    margin-bottom: 12px;
    position: relative
}

.likeness-hotel .likeness-nav .title {
    line-height: 32px;
    font-size: 18px;
    color: #0d0d0d;
    font-weight: bolder
}

.likeness-hotel .likeness-nav .btn-box {
    font-size: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    width: 64px;
    height: 32px;
    top: 0
}

.likeness-hotel .likeness-nav .btn-box .btn {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #d9d9d9;
    position: relative
}

.likeness-hotel .likeness-nav .btn-box .btn.left {
    border-right: none
}

.likeness-hotel .likeness-nav .btn-box .btn.left:before {
    background-position: -8px -202px
}

.likeness-hotel .likeness-nav .btn-box .btn.left:before, .likeness-hotel .likeness-nav .btn-box .btn.right:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 9px;
    background-image: url(../image/hotelDetail/hotelList_icon.png?t=1ec83041c5860a225fa5ce57ed55cbd4);
    background-image: -webkit-image-set(url(../image/hotelDetail/hotelList_icon.png?t=1ec83041c5860a225fa5ce57ed55cbd4) 1x, url(../image/hotelDetail/hotelList_icon@2x.png?t=0ff79c05f51a45756274e4c6aa761195) 2x);
    width: 8px;
    height: 13px
}

.likeness-hotel .likeness-nav .btn-box .btn.right:before {
    background-position: 0 -202px
}

.likeness-hotel .likeness-nav .btn-box .btn:hover {
    border: 1px solid #b3b3b3
}

.likeness-hotel .likeness-items {
    width: 100%;
    height: 347px;
    position: relative
}

.likeness-hotel .likeness-items .item-box {
    position: absolute;
    top: 0;
    left: 0
}

.h-out-map-wrap {
    position: relative;
    height: 596px;
    padding-bottom: 40px
}

.h-map-wrap {
    margin-top: 20px;
    height: 528px;
    border: 1px solid #c9d7df;
    position: relative;
    background: #fff
}

.h-map-inner-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.h-label1 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_1.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_1.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_1@2x.png) 2x)
}

.h-label1, .h-label2 {
    position: relative;
    width: 26px;
    height: 34px;
    background-size: 26px 34px
}

.h-label2 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_2.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_2.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_2@2x.png) 2x)
}

.h-label3 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_3.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_3.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_3@2x.png) 2x)
}

.h-label3, .h-label4 {
    position: relative;
    width: 26px;
    height: 34px;
    background-size: 26px 34px
}

.h-label4 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_4.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_4.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_4@2x.png) 2x)
}

.h-label5 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_5.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_5.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_5@2x.png) 2x)
}

.h-label5, .h-label6 {
    position: relative;
    width: 26px;
    height: 34px;
    background-size: 26px 34px
}

.h-label6 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_6.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_6.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_6@2x.png) 2x)
}

.h-label-blue-1 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_1.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_1.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_1@2x.png) 2x)
}

.h-label-blue-1, .h-label-blue-2 {
    position: relative;
    width: 26px;
    height: 34px;
    background-size: 26px 34px
}

.h-label-blue-2 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_2.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_2.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_2@2x.png) 2x)
}

.h-label-blue-3 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_3.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_3.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_3@2x.png) 2x)
}

.h-label-blue-3, .h-label-blue-4 {
    position: relative;
    width: 26px;
    height: 34px;
    background-size: 26px 34px
}

.h-label-blue-4 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_4.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_4.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_4@2x.png) 2x)
}

.h-label-blue-5 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_5.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_5.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_5@2x.png) 2x)
}

.h-label-blue-5, .h-label-blue-6 {
    position: relative;
    width: 26px;
    height: 34px;
    background-size: 26px 34px
}

.h-label-blue-6 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_6.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_6.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_6@2x.png) 2x)
}

.h-map-label-item {
    position: absolute;
    left: -76px;
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    -webkit-box-shadow: 0 0 6px 0 rgba(13, 4, 9, .2);
    box-shadow: 0 0 6px 0 rgba(13, 4, 9, .2);
    display: none
}

.h-map-label-item i {
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: -4px;
    left: 50%;
    background: #fff;
    margin-left: -5px;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.h-map-hotel-point {
    position: relative;
    margin-left: -20px;
    margin-top: -20px;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-size: 100% 100%
}

.hotel-label {
    margin-top: -60px;
    border-radius: 2px;
    padding: 12px 25px;
    font-size: 16px;
    color: #0d0d0d;
    background-color: #fff;
    -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, .3);
    box-shadow: 2px 0 5px rgba(0, 0, 0, .3);
    font-weight: 900;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hotel-label, .hotel-label i {
    position: absolute;
    display: inline-block;
    left: 50%
}

.hotel-label i {
    width: 10px;
    height: 10px;
    bottom: -4px;
    background: #fff;
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.itemContent {
    color: #394043;
    font-size: 14px;
    width: 100%;
    overflow: hidden
}

.itemContent span {
    display: inline-block;
    line-height: 14px;
    vertical-align: top
}

.item-icon {
    width: 14px;
    height: 14px
}

.icon-distance, .item-icon {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.icon-distance {
    width: 16px;
    height: 16px;
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-7.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-7.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-7@2x.png) 2x);
    background-size: 16px
}

.itemTitle {
    margin-right: 30px
}

.itemInfo {
    color: #9c9fa1;
    font-size: 14px;
    padding-top: 8px;
    text-align: justify;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal
}

.h-poi-wrap {
    width: 320px;
    height: 478px;
    background: #fff;
    position: absolute;
    right: 10px;
    top: 12px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    overflow: hidden
}

.h-poi-header {
    position: relative;
    color: gray;
    font-size: 14px
}

.h-poi-header span {
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f1f1f1;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s
}

.h-poi-header span:hover {
    color: #108aee
}

.h-poi-header span.active {
    background: #fff;
    color: #108aee
}

.h-poi-indicator {
    position: absolute;
    top: 0;
    background: #108aee;
    width: 50%;
    height: 2px
}

.h-current-poi {
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 288px;
    border-bottom: 1px solid #eee;
    margin: 0 auto;
    font-size: 12px;
    color: #000;
    position: relative;
    -webkit-transition: color .3s;
    transition: color .3s;
    font-size: 0
}

.h-current-poi .nav-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px
}

.h-current-poi .nav-bar:after {
    display: block;
    width: 25%;
    position: absolute;
    left: 0;
    height: 2px;
    background-color: #108aee;
    content: "";
    -webkit-transition: all .3s;
    transition: all .3s
}

.h-current-poi .nav-bar.type1:after {
    left: 25%
}

.h-current-poi .nav-bar.type2:after {
    left: 50%
}

.h-current-poi .nav-bar.type3:after {
    left: 75%
}

.h-current-poi span:hover {
    color: #108aee
}

.h-current-poi span {
    float: left;
    width: 25%;
    font-size: 12px;
    text-align: center;
    cursor: pointer
}

.h-current-poi .active {
    color: #108aee
}

.h-poi-wrap .data-none-icon {
    margin: 90px auto 30px;
    width: 60px;
    height: 60px;
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/compass.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/compass.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/compass@2x.png) 2x);
    background-size: 60px
}

.h-poi-wrap .data-none p {
    text-align: center;
    font-size: 14px;
    color: #666;
    letter-spacing: 1px
}

.h-poi-list {
    height: 390px;
    overflow-y: auto;
    overflow-x: hidden
}

.h-poi-list li {
    padding: 10px 0;
    cursor: pointer;
    padding-left: 25px;
    position: relative
}

.h-poi-list li:hover {
    background: #f6f6f6
}

.h-poi-list li:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 90%;
    background-color: #000;
    opacity: .3;
    bottom: 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    clear: both
}

.h-poi-list .h-icon {
    width: 14px;
    height: 14px
}

.h-poi-list-item {
    float: left
}

.h-poi-list .h-icon-1, .itemContent .item-icon-1 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-1.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-1.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-1@2x.png) 2x);
    background-size: 14px
}

.h-poi-list .h-icon-2, .itemContent .item-icon-2 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-2.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-2.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-2@2x.png) 2x);
    background-size: 14px
}

.h-poi-list .h-icon-3, .itemContent .item-icon-3 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-3.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-3.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-3@2x.png) 2x);
    background-size: 14px
}

.h-poi-list .h-icon-4, .itemContent .item-icon-4 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-4.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-4.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-4@2x.png) 2x);
    background-size: 14px
}

.h-poi-list .h-icon-5, .itemContent .item-icon-5 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-5.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-5.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-5@2x.png) 2x);
    background-size: 14px
}

.h-poi-list .h-icon-6, .itemContent .item-icon-6 {
    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-6.png);
    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-6.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-6@2x.png) 2x);
    background-size: 14px
}

.h-traffic-name {
    margin-left: 10px;
    width: 150px
}

.h-traffic-distance, .h-traffic-name {
    font-size: 12px;
    font-weight: 500;
    color: #000
}

.h-traffic-distance {
    float: right
}

.h-traffic-distance span {
    float: left;
    vertical-align: top;
    margin-left: 8px
}

.h-distance-icon {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: -2px;
    float: left
}

.h-traffic-addr {
    font-size: 12px;
    color: #999;
    margin-top: 9px;
    margin-left: 25px;
    line-height: 20px
}

.alert-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
    opacity: .333;
    z-index: 9999
}

.alert-mask.hide {
    display: none
}

.alert-mobile-box {
    z-index: 99999;
    width: 420px;
    padding: 52px 30px 37px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .2);
    box-shadow: 0 0 16px rgba(0, 0, 0, .2);
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -241px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.alert-mobile-box.no-auth-code .form-item.ver-code .clear {
    right: 17px
}

.alert-mobile-box.hide {
    display: none
}

.alert-mobile-box .title {
    font-size: 20px;
    color: #0d0d0d;
    padding-bottom: 14px
}

.alert-mobile-box .desc {
    font-size: 16px;
    color: gray;
    line-height: 23px;
    padding-bottom: 18px
}

.alert-mobile-box .protocal {
    font-size: 12px;
    padding-top: 20px;
    text-align: center
}

.alert-mobile-box .protocal a {
    color: #007af5
}

.alert-mobile-box .form-item {
    border: none;
    height: 60px;
    width: 100%;
    position: relative
}

.alert-mobile-box .form-item .clear {
    content: "";
    position: absolute;
    cursor: pointer;
    display: none;
    top: 50%;
    right: 17px;
    margin-top: -8px;
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -158px;
    width: 16px;
    height: 16px
}

.alert-mobile-box .form-item.ver-code .clear {
    right: 127px
}

.alert-mobile-box .form-item.code input {
    border-top: none
}

.alert-mobile-box .form-item input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #d9d9d9;
    outline: none;
    font-size: 16px;
    line-height: 60px;
    padding: 0;
    padding-left: 21px
}

.alert-mobile-box .form-item input:focus {
    border: 1px solid #007eed
}

.alert-mobile-box .form-item .ver-btn {
    width: 110px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #007eed;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.alert-mobile-box .form-item .ver-btn.disabled {
    color: gray
}

.alert-mobile-box .form-item .ver-btn:after {
    display: block;
    content: "";
    width: 1px;
    height: 24px;
    background-color: #e6e6e6;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px
}

.alert-mobile-box .error-tip {
    display: none;
    padding-top: 6px;
    height: 20px;
    font-size: 14px;
    color: #f65454;
    line-height: 20px;
    width: 100%
}

.alert-mobile-box .error-tip.active {
    display: block
}

.alert-mobile-box .error-tip .text {
    vertical-align: middle;
    padding-left: 10px
}

.alert-mobile-box .btn-submit {
    display: inline-block;
    margin-top: 20px;
    height: 56px;
    width: 100%;
    line-height: 56px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background-color: #08bf45;
    cursor: pointer
}

.alert-mobile-box .btn-submit.disabled {
    color: gray;
    background-color: #f5f5f5
}

.alert-mobile-box .close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -40px;
    width: 12px;
    height: 12px
}

.alert-mobile-box .register-tip {
    font-size: 12px;
    color: gray;
    padding-top: 15px
}

.alert-mobile-box .ajax-error {
    display: inline-block;
    position: absolute;
    padding: 18px;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    z-index: 99
}

.alert-mobile-box .ajax-error.hide {
    display: none;
    top: 179px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes noReadMes {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: .8;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    3% {
        opacity: 1;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    6% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    9% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    12% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    15% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    18% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    21% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    24% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    27% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    30% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    33% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    36% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes noReadMes {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: .8;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    3% {
        opacity: 1;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    6% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    9% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    12% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    15% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    18% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    21% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    24% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    27% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    30% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    33% {
        opacity: .8;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    36% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.noMesAni {
    -webkit-animation: noReadMes 4.5s infinite;
    animation: noReadMes 4.5s infinite
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

.fixed-right {
    position: fixed;
    width: 40px;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2000;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    font-size: 0
}

.fixed-right.active #J_fixedRightComp {
    display: none !important
}

.fixed-right .fixed-cont {
    height: 260px;
    width: 100%;
    position: absolute;
    top: 52%;
    margin-top: -130px;
    left: 0
}

.fixed-right .fixed-cont.has-consult {
    height: 324px;
    margin-top: -162px
}

.fixed-right .fixed-cont .fixed-compare, .fixed-right .fixed-cont .fixed-consult {
    width: 100%;
    height: 52px;
    padding-top: 34px;
    position: relative;
    font-size: 0;
    cursor: pointer;
    margin-bottom: 12px
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-num, .fixed-right .fixed-cont .fixed-consult .fixed-compare-num {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 2px;
    top: -8px;
    background-color: #ff4646;
    border-radius: 50%;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    color: #fff
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-num.hide, .fixed-right .fixed-cont .fixed-consult .fixed-compare-num.hide {
    display: none
}

.fixed-right .fixed-cont .fixed-compare .icon, .fixed-right .fixed-cont .fixed-consult .icon {
    position: absolute;
    left: 7px;
    top: 5px;
    background-image: url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b);
    background-image: -webkit-image-set(url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b) 1x, url(../image/hotelDetail/fixedRight_icon@2x.png?t=008e07fa44b57e9735d1ed2fde7c6509) 2x);
    background-position: 0 -46px;
    width: 24px;
    height: 24px
}

.fixed-right .fixed-cont .fixed-compare span, .fixed-right .fixed-cont .fixed-consult span {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    text-align: center;
    color: #0d0d0d
}

.fixed-right .fixed-cont .fixed-compare:hover, .fixed-right .fixed-cont .fixed-consult:hover {
    background-color: #007eed
}

.fixed-right .fixed-cont .fixed-compare:hover .icon, .fixed-right .fixed-cont .fixed-consult:hover .icon {
    background-image: url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b);
    background-image: -webkit-image-set(url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b) 1x, url(../image/hotelDetail/fixedRight_icon@2x.png?t=008e07fa44b57e9735d1ed2fde7c6509) 2x);
    background-position: 0 -190px;
    width: 24px;
    height: 24px
}

.fixed-right .fixed-cont .fixed-compare:hover span, .fixed-right .fixed-cont .fixed-consult:hover span {
    color: #fff
}

.fixed-right .fixed-cont .fixed-compare:hover .fixed-compare-cont, .fixed-right .fixed-cont .fixed-consult:hover .fixed-compare-cont {
    display: block
}

.fixed-right .fixed-cont .fixed-compare:hover:before, .fixed-right .fixed-cont .fixed-consult:hover:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    border: 5px dashed #fff;
    border-right-width: 0;
    border-left-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont {
    display: none;
    position: absolute;
    top: 0;
    left: -367px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-35%);
    transform: translateY(-35%)
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont.nodata, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont.nodata {
    left: -322px
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-nodata, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-nodata {
    height: 218px;
    width: 322px;
    padding-top: 80px;
    text-align: center;
    font-size: 18px;
    color: gray
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-nodata.hide, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-nodata.hide {
    display: none
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-nodata .select-hotel-btn, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-nodata .select-hotel-btn {
    width: 104px;
    height: 34px;
    line-height: 34px;
    color: #007eed;
    text-align: center;
    border: 1px solid #007eed;
    font-size: 14px;
    left: 105px;
    bottom: 47px;
    position: absolute
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list {
    padding: 0 20px;
    width: 367px
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list.hide, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list.hide {
    display: none
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title {
    height: 45px;
    line-height: 45px;
    width: 100%;
    font-size: 0;
    position: relative;
    border-bottom: 1px solid #e6e6e6
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-tl, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-tl {
    vertical-align: top;
    width: 85px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    font-size: 16px;
    color: #0d0d0d
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-sub, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-sub {
    vertical-align: top;
    width: 175px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    font-size: 12px;
    color: #b3b3b3
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-sub .fixed-color, .fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-sub .fixed-color span, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-sub .fixed-color, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-sub .fixed-color span {
    display: inline;
    color: #4d4d4d
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-clear-btn, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-clear-btn {
    height: 45px;
    width: 30px;
    line-height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: gray
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont {
    padding-top: 16px;
    width: 100%
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li {
    height: 100px;
    margin-bottom: 20px;
    width: 100%;
    padding-left: 91px;
    position: relative
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-img, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-img {
    width: 75px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-img img, .fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-img img, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info {
    width: 100%;
    height: 100%
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-name, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-name {
    height: 28px;
    line-height: 14px;
    padding-bottom: 14px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-name a, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-name a {
    color: #0d0d0d
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-conf, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-conf {
    font-size: 12px;
    color: gray;
    height: 22px;
    line-height: 12px;
    padding-bottom: 10px
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-num, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-num {
    font-size: 12px;
    color: gray;
    height: 25px;
    line-height: 12px;
    padding-bottom: 15px
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-prize, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-prize {
    color: #ff4d00;
    font-size: 12px;
    height: 14px;
    line-height: 14px
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-prize i, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-prize i {
    font-size: 16px
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li:hover .fixed-compare-delete-btn, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li:hover .fixed-compare-delete-btn {
    position: absolute;
    top: 42px;
    right: 10px;
    width: 40px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #ff4646;
    font-size: 12px;
    border-radius: 2px;
    color: #ff4646
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-btn, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-btn {
    width: 320px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #007eed;
    border-radius: 2px;
    margin-bottom: 20px;
    color: hsla(0, 0%, 100%, .2);
    font-size: 16px;
    cursor: not-allowed
}

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-btn.active, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-btn.active {
    color: #fff;
    cursor: pointer
}

.fixed-right .fixed-cont .fixed-consult .icon {
    background-position: 0 -118px
}

.fixed-right .fixed-cont .fixed-consult .icon, .fixed-right .fixed-cont .fixed-consult:hover .icon {
    background-image: url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b);
    background-image: -webkit-image-set(url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b) 1x, url(../image/hotelDetail/fixedRight_icon@2x.png?t=008e07fa44b57e9735d1ed2fde7c6509) 2x);
    width: 24px;
    height: 24px
}

.fixed-right .fixed-cont .fixed-consult:hover .icon {
    background-position: 0 -94px
}

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-btn {
    background-color: #08bf45
}

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont.nodata {
    left: -360px
}

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata {
    height: 280px;
    width: 360px;
    text-align: center;
    font-size: 18px;
    color: gray
}

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata.hide {
    display: none
}

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-list-title {
    height: 45px;
    line-height: 45px;
    width: 320px;
    margin: 0 auto;
    font-size: 0;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    text-align: left
}

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-list-title .fixed-consult-list-tl {
    vertical-align: top;
    width: 85px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    font-size: 16px;
    color: #0d0d0d
}

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-list-title .fixed-consult-list-sub {
    vertical-align: top;
    width: 175px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    font-size: 12px;
    color: #b3b3b3
}

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-list-title .fixed-consult-list-sub .fixed-color, .fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-list-title .fixed-consult-list-sub .fixed-color span {
    display: inline;
    color: #4d4d4d
}

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-nodata-cont {
    height: 234px;
    width: 100%;
    padding-top: 45px
}

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-nodata-cont .fixed-consult-nodata-tip {
    height: 18px;
    line-height: 18px;
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
    color: gray;
    text-align: center
}

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-nodata-cont .fixed-consult-nodata-subtip {
    height: 12px;
    line-height: 12px;
    width: 100%;
    margin-bottom: 8px;
    font-size: 12px;
    color: gray;
    text-align: center
}

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-nodata-cont .fixed-consult-nodata-subtip.last-subtip {
    margin-bottom: 30px
}

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-nodata-cont .fixed-consult-nodata-btn {
    width: 200px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #08bf45;
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    border-radius: 2px
}

.fixed-right .fixed-cont .fixed-consult-online, .fixed-right .fixed-cont .fixed-consult-tel, .fixed-right .fixed-cont .fixed-qcode, .fixed-right .fixed-cont .fixed-top {
    height: 40px;
    width: 40px;
    position: relative;
    cursor: pointer;
    margin-bottom: 12px
}

.fixed-right .fixed-cont .fixed-consult-online .icon, .fixed-right .fixed-cont .fixed-consult-tel .icon, .fixed-right .fixed-cont .fixed-qcode .icon, .fixed-right .fixed-cont .fixed-top .icon {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 24px;
    height: 24px
}

.fixed-right .fixed-cont .fixed-consult-online.active, .fixed-right .fixed-cont .fixed-consult-online:hover, .fixed-right .fixed-cont .fixed-consult-tel.active, .fixed-right .fixed-cont .fixed-consult-tel:hover, .fixed-right .fixed-cont .fixed-qcode.active, .fixed-right .fixed-cont .fixed-qcode:hover, .fixed-right .fixed-cont .fixed-top.active, .fixed-right .fixed-cont .fixed-top:hover {
    background-color: #007eed
}

.fixed-right .fixed-cont .fixed-qcode .icon {
    background-position: 0 -238px
}

.fixed-right .fixed-cont .fixed-qcode .icon, .fixed-right .fixed-cont .fixed-qcode:hover .icon {
    background-image: url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b);
    background-image: -webkit-image-set(url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b) 1x, url(../image/hotelDetail/fixedRight_icon@2x.png?t=008e07fa44b57e9735d1ed2fde7c6509) 2x);
    width: 24px;
    height: 24px
}

.fixed-right .fixed-cont .fixed-qcode:hover .icon {
    background-position: 0 -214px
}

.fixed-right .fixed-cont .fixed-qcode:hover .fixed-qcode-cont {
    display: inline-block
}

.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont {
    position: absolute;
    width: 270px;
    height: 138px;
    left: -270px;
    top: -49px;
    background-color: #fff;
    padding-top: 112px;
    font-size: 12px;
    color: #0d0d0d;
    text-align: center;
    display: none;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-contone, .fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-conttwo {
    width: 113px;
    height: 138px;
    position: absolute;
    top: 0
}

.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-contone .fixed-qcode-icon, .fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-conttwo .fixed-qcode-icon {
    width: 90px;
    height: 90px;
    position: absolute;
    left: 6px;
    top: 6px
}

.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-contone p, .fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-conttwo p {
    width: 113px;
    position: absolute;
    bottom: 12px;
    left: 3px
}

.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-contone {
    left: 0
}

.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-contone .fixed-qcode-icon {
    background-image: url("../image/index/consociation/downapp-new.png");
    background-image: -webkit-image-set(url("../image/index/consociation/downapp-new.png") 1x, url("../image/index/consociation/downapp-new@2x.png") 2x);
    width: 90px;
    height: 90px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 6px 0 0 6px
}

.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-conttwo {
    right: 0
}

.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-conttwo .fixed-qcode-icon {
    margin: 6px 0 0;
    background-size: 100%;
    background-image: url("../image/common/1x/footer/erweima.png");
    background-image: -webkit-image-set(url("../image/common/1x/footer/erweima.png") 1x, url("../image/common/2x/footer/erweima@2x.png") 2x)
}

.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-conttwo p {
    left: -4px
}

.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont:before {
    content: "";
    position: absolute;
    right: -5px;
    top: 64px;
    border: 5px dashed #fff;
    border-right-width: 0;
    border-left-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fixed-right .fixed-cont .fixed-consult-online .icon {
    background-position: 0 -310px
}

.fixed-right .fixed-cont .fixed-consult-online.active .icon, .fixed-right .fixed-cont .fixed-consult-online .icon, .fixed-right .fixed-cont .fixed-consult-online:hover .icon {
    background-image: url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b);
    background-image: -webkit-image-set(url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b) 1x, url(../image/hotelDetail/fixedRight_icon@2x.png?t=008e07fa44b57e9735d1ed2fde7c6509) 2x);
    width: 24px;
    height: 24px
}

.fixed-right .fixed-cont .fixed-consult-online.active .icon, .fixed-right .fixed-cont .fixed-consult-online:hover .icon {
    background-position: 0 -70px
}

.fixed-right .fixed-cont .fixed-consult-online.active .fixed-consult-online-cont, .fixed-right .fixed-cont .fixed-consult-online:hover .fixed-consult-online-cont {
    display: inline-block
}

.fixed-right .fixed-cont .fixed-consult-online .fixed-consult-online-cont {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    display: none;
    width: 135px;
    height: 48px;
    padding-left: 50px;
    line-height: 48px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: -140px;
    top: -4px;
    background-color: #007eed;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.fixed-right .fixed-cont .fixed-consult-online .fixed-consult-online-cont .icon {
    position: absolute;
    left: 8px;
    top: -12px;
    background-image: url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b);
    background-image: -webkit-image-set(url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b) 1x, url(../image/hotelDetail/fixedRight_icon@2x.png?t=008e07fa44b57e9735d1ed2fde7c6509) 2x);
    background-position: 0 -366px;
    width: 40px;
    height: 58px
}

.fixed-right .fixed-cont .fixed-consult-online .fixed-consult-online-cont .number {
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background-color: #ff4646;
    right: 18px;
    top: 6px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    font-weight: 500
}

.fixed-right .fixed-cont .fixed-consult-online .fixed-consult-online-cont:before {
    content: "";
    position: absolute;
    right: -5px;
    top: 19px;
    background-position: 0 -13px;
    width: 7px;
    height: 13px
}

.fixed-right .fixed-cont .fixed-consult-online .fixed-consult-online-cont:before, .fixed-right .fixed-cont .fixed-consult-tel .icon {
    background-image: url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b);
    background-image: -webkit-image-set(url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b) 1x, url(../image/hotelDetail/fixedRight_icon@2x.png?t=008e07fa44b57e9735d1ed2fde7c6509) 2x)
}

.fixed-right .fixed-cont .fixed-consult-tel .icon {
    background-position: 0 -262px;
    width: 24px;
    height: 24px
}

.fixed-right .fixed-cont .fixed-consult-tel:hover .icon {
    background-image: url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b);
    background-image: -webkit-image-set(url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b) 1x, url(../image/hotelDetail/fixedRight_icon@2x.png?t=008e07fa44b57e9735d1ed2fde7c6509) 2x);
    background-position: 0 -286px;
    width: 24px;
    height: 24px
}

.fixed-right .fixed-cont .fixed-consult-tel:hover .fixed-consult-tel-cont {
    display: block
}

.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    width: 270px;
    height: 68px;
    position: absolute;
    left: -270px;
    top: -14px;
    background-color: #fff;
    padding: 15px 0 10px 80px;
    display: none
}

.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont:before {
    content: "";
    position: absolute;
    right: -5px;
    top: 29px;
    border: 5px dashed #fff;
    border-right-width: 0;
    border-left-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont .fixed-tel-left {
    width: 80px;
    height: 100%;
    padding-top: 42px;
    position: relative;
    font-size: 12px;
    color: #0d0d0d;
    text-indent: 19px;
    position: absolute;
    left: 0;
    top: 0
}

.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont .fixed-tel-left .icon {
    position: absolute;
    top: 9px;
    left: 28px;
    background-image: url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b);
    background-image: -webkit-image-set(url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b) 1x, url(../image/hotelDetail/fixedRight_icon@2x.png?t=008e07fa44b57e9735d1ed2fde7c6509) 2x);
    background-position: 0 -334px;
    width: 32px;
    height: 32px
}

.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont .fixed-tel-right {
    width: 100%;
    height: 100%;
    border-left: 1px solid rgba(0, 0, 0, .1);
    padding-left: 16px
}

.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont .fixed-tel-right .fixed-tel-num {
    height: 30px;
    line-height: 20px;
    width: 100%;
    font-size: 20px;
    color: #0d0d0d;
    padding-bottom: 10px
}

.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont .fixed-tel-right .fixed-tel-day {
    color: gray;
    height: 12px;
    line-height: 12px;
    width: 100%;
    font-size: 12px
}

.fixed-right .fixed-cont .fixed-top {
    display: none
}

.fixed-right .fixed-cont .fixed-top .icon {
    background-position: 0 -166px
}

.fixed-right .fixed-cont .fixed-top .icon, .fixed-right .fixed-cont .fixed-top:hover .icon {
    background-image: url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b);
    background-image: -webkit-image-set(url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b) 1x, url(../image/hotelDetail/fixedRight_icon@2x.png?t=008e07fa44b57e9735d1ed2fde7c6509) 2x);
    width: 24px;
    height: 24px
}

.fixed-right .fixed-cont .fixed-top:hover .icon {
    background-position: 0 -142px
}

.fixed-right .fixed-cont .fixed-top:hover .fixed-top-cont {
    display: block
}

.fixed-right .fixed-cont .fixed-top .fixed-top-cont {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    display: none;
    position: absolute;
    left: -75px;
    top: 4px;
    width: 75px;
    height: 32px;
    background-color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    color: #0d0d0d
}

.fixed-right .fixed-cont .fixed-top .fixed-top-cont:before {
    content: "";
    position: absolute;
    right: -5px;
    top: 9px;
    border: 5px dashed #fff;
    border-right-width: 0;
    border-left-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fixed-right .fixed-cont .bottom-consult-online {
    display: none;
    width: 116px;
    height: 220px;
    position: absolute;
    top: 50%;
    right: 120%;
    background-size: 1005 100%;
    cursor: pointer;
    background-image: url("../image/common/fixedRight/bottom-consult-online.png");
    background-image: -webkit-image-set(url("../image/common/fixedRight/bottom-consult-online.png") 1x, url("../image/common/fixedRight/bottom-consult-online@2x.png") 2x)
}

.fixed-right .fixed-cont .bottom-consult-online .close {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 0;
    cursor: pointer;
    background-image: url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b);
    background-image: -webkit-image-set(url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b) 1x, url(../image/hotelDetail/fixedRight_icon@2x.png?t=008e07fa44b57e9735d1ed2fde7c6509) 2x);
    background-position: 0 0;
    width: 13px;
    height: 13px
}

.fixed-right .fixed-cont .bottom-consult-online .btn-mes {
    position: absolute;
    width: 94px;
    height: 30px;
    bottom: 11px;
    left: 50%;
    margin-left: -47px;
    background-color: #fff;
    cursor: pointer;
    font-size: 12px;
    color: #007eed;
    line-height: 30px;
    text-align: center
}

.fixed-right .fixed-cont .bottom-consult-online .btn-mes.no-read .cicle {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-right: -9px;
    margin-bottom: -9px;
    background-image: url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b);
    background-image: -webkit-image-set(url(../image/hotelDetail/fixedRight_icon.png?t=59b7522ceefa4cd63cad4e22e7e9ec9b) 1x, url(../image/hotelDetail/fixedRight_icon@2x.png?t=008e07fa44b57e9735d1ed2fde7c6509) 2x);
    background-position: 0 -27px;
    width: 20px;
    height: 20px
}

.fixed-right .fixed-consult {
    z-index: 6
}

.fixed-right .fixed-compare {
    z-index: 5
}

.fixed-right .fixed-qcode {
    z-index: 4
}

.fixed-right .fixed-consult-online {
    z-index: 3
}

.fixed-right .fixed-consult-tel {
    z-index: 2
}

.fixed-right .fixed-top {
    z-index: 1
}

.input-box {
    width: 100%;
    height: 42px;
    border: 2px solid #08f;
    font-size: 0;
    position: relative
}

.input-box:before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -8px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("../image/common/searchicon.png?v=20181129");
    background-image: -webkit-image-set(url("../image/common/searchicon.png?v=20181129") 1x, url("../image/common/searchicon@2x.png?v=20181129") 2x)
}

.input-box .input-search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 14px;
    outline: #08f;
    padding-left: 40px;
    width: 100%;
    height: 100%
}

.input-box .search-btn {
    position: absolute;
    top: -2px;
    right: 0;
    display: inline-block;
    width: 89px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    background-color: #007af5;
    color: #fff;
    font-size: 16px
}

.input-box.active {
    border: 2px solid #007eed
}

.input-box.active .drop-down-list {
    display: block
}

.input-box .drop-down-list {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 200;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.input-box .drop-down-list .hotel-recommend-wrap, .input-box .drop-down-list .search-result-wrap {
    width: 100%
}

.input-box .drop-down-list .hotel-recommend-wrap .recommend-hint, .input-box .drop-down-list .hotel-recommend-wrap .result-hotel-hint, .input-box .drop-down-list .hotel-recommend-wrap .result-loc-hint, .input-box .drop-down-list .search-result-wrap .recommend-hint, .input-box .drop-down-list .search-result-wrap .result-hotel-hint, .input-box .drop-down-list .search-result-wrap .result-loc-hint {
    height: 32px;
    line-height: 32px;
    width: 100%;
    font-size: 12px;
    color: gray;
    text-indent: 10px;
    display: inline-block
}

.input-box .drop-down-list .hotel-recommend-wrap .recommend-hint.result-hotel-hover, .input-box .drop-down-list .hotel-recommend-wrap .result-hotel-hint.result-hotel-hover, .input-box .drop-down-list .hotel-recommend-wrap .result-loc-hint.result-hotel-hover, .input-box .drop-down-list .search-result-wrap .recommend-hint.result-hotel-hover, .input-box .drop-down-list .search-result-wrap .result-hotel-hint.result-hotel-hover, .input-box .drop-down-list .search-result-wrap .result-loc-hint.result-hotel-hover {
    background-color: #f5f5f5
}

.input-box .drop-down-list .hotel-recommend-wrap .result-loc-hint, .input-box .drop-down-list .search-result-wrap .result-loc-hint {
    color: #737980
}

.input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel, .input-box .drop-down-list .search-result-wrap .recomend-hotel {
    height: 40px;
    width: 100%;
    line-height: 40px;
    padding-right: 120px;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    display: block
}

.input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel.result-hotel-hover, .input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel:hover, .input-box .drop-down-list .search-result-wrap .recomend-hotel.result-hotel-hover, .input-box .drop-down-list .search-result-wrap .recomend-hotel:hover {
    background-color: #f5f5f5
}

.input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel .rec-hotel-name, .input-box .drop-down-list .search-result-wrap .recomend-hotel .rec-hotel-name {
    width: 100%;
    height: 100%;
    text-align: left;
    text-indent: 20px;
    color: #4d4d4d;
    font-size: 12px;
    font-weight: 600
}

.input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel .rec-hotel-name span, .input-box .drop-down-list .search-result-wrap .recomend-hotel .rec-hotel-name span {
    font-weight: 400;
    color: #4d4d4d
}

.input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel .rec-hotel-name b, .input-box .drop-down-list .search-result-wrap .recomend-hotel .rec-hotel-name b {
    font-weight: 400
}

.input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel .rec-hotel-conf-num, .input-box .drop-down-list .search-result-wrap .recomend-hotel .rec-hotel-conf-num {
    width: 120px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 12px;
    line-height: 30px;
    text-align: right;
    color: #0d0d0d;
    font-size: 12px
}

.input-box .drop-down-list .hotel-recommend-wrap .result-loc, .input-box .drop-down-list .search-result-wrap .result-loc {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    cursor: pointer;
    text-align: left;
    text-indent: 20px;
    color: #4d4d4d;
    font-size: 12px;
    display: block;
    font-weight: 600
}

.input-box .drop-down-list .hotel-recommend-wrap .result-loc.result-hotel-hover, .input-box .drop-down-list .search-result-wrap .result-loc.result-hotel-hover {
    background-color: #f5f5f5
}

.input-box .drop-down-list .hotel-recommend-wrap .result-loc span, .input-box .drop-down-list .search-result-wrap .result-loc span {
    font-weight: 400;
    color: #4d4d4d
}

.input-box .drop-down-list .hotel-recommend-wrap .result-loc b, .input-box .drop-down-list .search-result-wrap .result-loc b {
    font-weight: 400
}

.input-box .drop-down-list .hotel-recommend-wrap .result-loc:hover, .input-box .drop-down-list .search-result-wrap .result-loc:hover {
    background-color: #f5f5f5
}

.top-search {
    padding: 12px 0 16px;
    width: 1160px;
    margin: 0 auto
}

.top-search .icon-huixiaoer {
    display: inline-block;
    width: 74px;
    height: 40px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-image: url("../image/common/logo92_44.png");
    background-image: -webkit-image-set(url("../image/common/logo92_44.png") 1x, url("../image/common/logo92_44@2x.png") 2x)
}

.top-search .search-input-box {
    vertical-align: middle;
    display: inline-block;
    width: 570px;
    height: 36px;
    margin-left: 145px
}

.top-search .right-info {
    float: right
}

.top-search .right-info .left {
    display: inline-block;
    text-align: center;
    position: relative;
    padding-right: 12px;
    cursor: pointer
}

.top-search .right-info .left .icon-micro {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-size: contain;
    background-position: 50%;
    background-image: url("../image/common/service-icon.png");
    background-image: -webkit-image-set(url("../image/common/service-icon.png") 1x, url("../image/common/service-icon@2x.png") 2x)
}

.top-search .right-info .left .text {
    font-size: 12px;
    color: gray;
    padding-top: 2px
}

.top-search .right-info .left:after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #e6e6e6;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.top-search .right-info .right {
    display: inline-block;
    padding-left: 12px
}

.top-search .right-info .right .phone-num {
    color: #0d0d0d;
    font-size: 21px
}

.top-search .right-info .right .service-time {
    color: gray;
    font-size: 12px;
    padding-top: 9px
}

.input-box {
    height: 38px
}

.input-box .search-btn {
    height: 38px;
    line-height: 38px
}

.kui_d_pane {
    position: absolute;
    left: 0;
    top: 0;
    width: 620px;
    z-index: 1000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.kui_d_pane .kui_data_content_pane {
    width: 620px;
    overflow: hidden;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 100;
    font-size: 0;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.kui_date_reset {
    border-top: 1px solid #ebebeb;
    height: 50px;
    width: 100%;
    position: relative
}

.kui_date_reset .kui_today_btn {
    width: 70px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #007eed;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0
}

.kui_date_reset .kui_unknown {
    width: 200px;
    height: 50px;
    padding-left: 45px;
    cursor: pointer;
    display: block
}

.kui_date_reset .kui_unknown .kui_unknown_desc {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #0d0d0d;
    display: block
}

.kui_date_reset .kui_unknown i {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 18px;
    top: 17px;
    background-size: 100% 100%;
    background-image: url("")
}

.kui_date_reset .kui_unknown.active i {
    background: #0085fa;
    border-radius: 50%
}

.kui_date_reset .kui_unknown.active i:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    background: #fff;
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.kui_prev_next_month {
    height: 60px;
    line-height: 23px;
    font-weight: 900;
    padding-top: 30px;
    position: relative
}

.kui_prev_next_month .kui_prev_m {
    position: absolute;
    top: 30px;
    left: 25px;
    background-position: 0 -206px
}

.kui_prev_next_month .kui_prev_m, .kui_prev_next_month .kui_prev_m:hover {
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    width: 16px;
    height: 16px
}

.kui_prev_next_month .kui_prev_m:hover {
    background-position: 0 -190px
}

.kui_prev_next_month .kui_today {
    height: 16px;
    font-size: 14px;
    width: 250px;
    text-align: center;
    line-height: 16px;
    color: #0d0d0d;
    position: absolute;
    left: 41px;
    top: 30px;
    font-weight: 500
}

.kui_prev_next_month .kui_next_m {
    position: absolute;
    top: 30px;
    right: 25px;
    background-position: 0 -238px
}

.kui_prev_next_month .kui_next_m, .kui_prev_next_month .kui_next_m:hover {
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    width: 16px;
    height: 16px
}

.kui_prev_next_month .kui_next_m:hover {
    background-position: 0 -222px
}

.kui_prev_next_month .kui_tomorrow {
    height: 16px;
    font-size: 14px;
    width: 250px;
    text-align: center;
    line-height: 16px;
    color: #0d0d0d;
    position: absolute;
    right: 41px;
    top: 30px;
    font-weight: 500
}

.kui_clean_btn {
    float: left;
    padding-left: 6px
}

.kui_close_btn {
    float: right;
    padding-right: 6px
}

.kui_txt_hide {
    display: none
}

#left_table, #right_table {
    display: inline-block;
    vertical-align: top;
    width: 310px;
    padding: 15px;
    overflow: hidden
}

#left_table .kui_data_tab, #left_table .kui_date_info, #right_table .kui_data_tab, #right_table .kui_date_info {
    width: 100%;
    margin: 0 auto;
    font-size: 0
}

#left_table .kui_data_tab dt, #left_table .kui_date_info dt, #right_table .kui_data_tab dt, #right_table .kui_date_info dt {
    display: inline-block;
    vertical-align: top;
    height: 38px;
    line-height: 34px;
    width: 38px;
    background: #fff;
    border-radius: 50%;
    color: #0d0d0d;
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #fff
}

#left_table .kui_data_tab dt.kui_td_hui, #left_table .kui_date_info dt.kui_td_hui, #right_table .kui_data_tab dt.kui_td_hui, #right_table .kui_date_info dt.kui_td_hui {
    background: #fff;
    color: gray
}

#left_table .kui_data_tab dt.kui_not_kong, #left_table .kui_date_info dt.kui_not_kong, #right_table .kui_data_tab dt.kui_not_kong, #right_table .kui_date_info dt.kui_not_kong {
    cursor: pointer
}

#left_table .kui_data_tab dt.kui_not_kong:hover, #left_table .kui_date_info dt.kui_not_kong:hover, #right_table .kui_data_tab dt.kui_not_kong:hover, #right_table .kui_date_info dt.kui_not_kong:hover {
    border: 2px solid #0085fa
}

#left_table .kui_data_tab dt.td_select, #left_table .kui_date_info dt.td_select, #right_table .kui_data_tab dt.td_select, #right_table .kui_date_info dt.td_select {
    border: 2px solid #0085fa;
    background: #0085fa;
    color: #fff
}

.crumbs-nav {
    width: 1208px;
    margin: 0 auto
}

.crumbs-nav .item {
    font-size: 12px;
    color: gray;
    line-height: 12px
}

.crumbs-nav .item .text {
    vertical-align: middle
}

.crumbs-nav .item .text.no-hover:hover {
    color: gray;
    cursor: default
}

.crumbs-nav .item .text:hover {
    color: #007eed
}

.crumbs-nav .item.right-arrow:after {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("../image/common/icon-arrow-right.png");
    background-image: -webkit-image-set(url("../image/common/icon-arrow-right.png") 1x, url("../image/common/icon-arrow-right@2x.png") 2x);
    padding-left: 8px
}

.alert-tip-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
    opacity: .333;
    z-index: 9999
}

.alert-tip-mask.hide {
    display: none
}

.alert-tip-box {
    position: fixed;
    width: 480px;
    height: 180px;
    top: 50%;
    left: 50%;
    margin-top: -90px;
    margin-left: -240px;
    padding: 31px 0 12px 37px;
    background-color: #fff;
    z-index: 99999;
    border-radius: 2px
}

.alert-tip-box .close {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 16px;
    right: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    background-image: url("../image/common/icon_close.png");
    background-image: -webkit-image-set(url("../image/common/icon_close.png") 1x, url("../image/common/icon_close@2x.png") 2x)
}

.alert-tip-box .alert-tip-title {
    font-size: 18px;
    color: #0d0d0d;
    line-height: 18px
}

.alert-tip-box .alert-tip-text {
    font-size: 14px;
    line-height: 14px;
    color: gray;
    padding-top: 13px
}

.alert-tip-box .alert-btn-box {
    padding: 61px 12px 0 0
}

.alert-tip-box .alert-btn-box:after {
    content: "";
    display: block;
    clear: both
}

.alert-tip-box .alert-btn-box .btn {
    padding: 9px 12px;
    float: right;
    font-size: 14px;
    background-color: #007eed;
    border-radius: 3px;
    color: #fff;
    margin-left: 10px;
    cursor: pointer;
    min-width: 80px;
    text-align: center
}

.alert-tip-box .alert-btn-box .btn:hover {
    opacity: .9
}

@-webkit-keyframes gifRotate {
    0% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes gifRotate {
    0% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes gifRotateZ {
    0% {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
}

@keyframes gifRotateZ {
    0% {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
}

.img-view-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999
}

.img-view-mask .close-table {
    cursor: pointer;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-size: cover;
    background-image: url("/static/images/common/close-table.png");
    background-image: -webkit-image-set(url("/static/images/common/close-table.png") 1x, url("/static/images/common/close-table@2x.png") 2x)
}

.img-view-mask.hide {
    display: none
}

.img-view-table {
    z-index: 99999;
    width: 1024px;
    height: 620px;
    background: #1a1a1a;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -310px;
    margin-left: -512px
}

.img-view-table .nav-box {
    height: 64px;
    background-color: #0d0d0d;
    color: gray
}

.img-view-table .nav-box:after {
    display: block;
    content: "";
    clear: both
}

.img-view-table .nav-box .view-title {
    font-size: 20px;
    line-height: 64px;
    padding-left: 21px;
    color: #fff;
    width: 350px;
    float: left;
    height: 65px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.img-view-table .nav-box .view-nav {
    font-size: 0;
    float: right;
    margin-right: 23px;
    height: 100%;
    position: relative
}

.img-view-table .nav-box .view-nav .nav-bottom-light {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%
}

.img-view-table .nav-box .view-nav .nav-bottom-light:after {
    display: block;
    content: "";
    width: 32px;
    height: 3px;
    background-color: #007eed;
    position: absolute;
    margin-left: -16px;
    left: 45px;
    top: 0;
    -webkit-transition: all .3s cubic-bezier(.15, .36, .48, 1);
    transition: all .3s cubic-bezier(.15, .36, .48, 1)
}

.img-view-table .nav-box .view-nav .nav-bottom-light.step1:after {
    left: 135px
}

.img-view-table .nav-box .view-nav .nav-bottom-light.step2:after {
    left: 225px
}

.img-view-table .nav-box .view-nav .nav-bottom-light.step3:after {
    left: 315px
}

.img-view-table .nav-box .view-nav .nav-bottom-light.step4:after {
    left: 405px
}

.img-view-table .nav-box .view-nav .nav-bottom-light.step5:after {
    left: 495px
}

.img-view-table .nav-box .view-nav .nav-bottom-light.step6:after {
    left: 585px
}

.img-view-table .nav-box .view-nav .nav-bottom-light.step7:after {
    left: 675px
}

.img-view-table .nav-box .view-nav .nav-bottom-light.step8:after {
    left: 765px
}

.img-view-table .nav-box .view-nav .nav-bottom-light.step9:after {
    left: 855px
}

.img-view-table .nav-box .view-nav .nav-bottom-light.step10:after {
    left: 945px
}

.img-view-table .nav-box .view-nav .nav-item {
    display: inline-block;
    width: 90px;
    height: 100%;
    text-align: center;
    font-size: 16px;
    padding-top: 16px;
    cursor: pointer
}

.img-view-table .nav-box .view-nav .nav-item.active {
    color: #fff
}

.img-view-table .nav-box .view-nav .nav-item:hover {
    color: #fff;
    background-color: #1a1a1a
}

.img-view-table .nav-box .view-nav .nav-item .num {
    padding-top: 4px;
    font-size: 12px
}

.img-view-table .img-box {
    font-size: 0
}

.img-view-table .img-box .view-left {
    display: inline-block;
    width: 775px
}

.img-view-table .img-box .view-left .img-view {
    width: 100%;
    height: 448px;
    vertical-align: top;
    position: relative
}

.img-view-table .img-box .view-left .img-view:hover .btn:before {
    display: block
}

.img-view-table .img-box .view-left .img-view img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
    z-index: 99
}

.img-view-table .img-box .view-left .img-view .btn {
    position: absolute;
    width: 120px;
    height: 100%;
    cursor: pointer;
    z-index: 999
}

.img-view-table .img-box .view-left .img-view .btn.disabled:before {
    opacity: .5
}

.img-view-table .img-box .view-left .img-view .btn:before {
    display: none;
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    width: 64px;
    height: 64px;
    margin: 244px auto 0;
    z-index: 999
}

.img-view-table .img-box .view-left .img-view .btn.btn-prev {
    top: 0;
    left: 0
}

.img-view-table .img-box .view-left .img-view .btn.btn-prev:before {
    background-image: url("../image/common/imgViewTable/arrow-L.png");
    background-image: -webkit-image-set(url("../image/common/imgViewTable/arrow-L.png") 1x, url("../image/common/imgViewTable/arrow-L@2x.png") 2x)
}

.img-view-table .img-box .view-left .img-view .btn.btn-next {
    top: 0;
    right: 0
}

.img-view-table .img-box .view-left .img-view .btn.btn-next:before {
    background-image: url("../image/common/imgViewTable/arrow-R.png");
    background-image: -webkit-image-set(url("../image/common/imgViewTable/arrow-R.png") 1x, url("../image/common/imgViewTable/arrow-R@2x.png") 2x)
}

.img-view-table .img-box .view-left .img-view .img-nav-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 77px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, hsla(0, 0%, 100%, 0)), color-stop(90%, rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .8)));
    background-image: linear-gradient(hsla(0, 0%, 100%, 0) 30%, rgba(0, 0, 0, .6) 90%, rgba(0, 0, 0, .8));
    z-index: 99
}

.img-view-table .img-box .view-left .img-view .img-nav-info .img-title {
    position: absolute;
    font-size: 13px;
    color: #fff;
    left: 20px;
    bottom: 14px
}

.img-view-table .img-box .view-left .img-view .img-nav-info .num-tip {
    position: absolute;
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    right: 10px;
    bottom: 13px;
    padding: 0 12px;
    background-color: #000;
    border-radius: 13px
}

.img-view-table .img-box .view-left .img-view .img-nav-info .num-tip .curr {
    color: #0095ff
}

.img-view-table .img-box .view-left .img-view .loading {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -40px;
    min-height: 80px
}

.img-view-table .img-box .view-left .img-view .loading .icon-box {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    position: relative
}

.img-view-table .img-box .view-left .img-view .loading .icon-box .loading-border, .img-view-table .img-box .view-left .img-view .loading .icon-box .loading-txt {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.img-view-table .img-box .view-left .img-view .loading .icon-box .loading-border {
    -webkit-animation: gifRotate .8s infinite linear;
    animation: gifRotate .8s infinite linear;
    background-image: url("../image/common/loading/loading_border.png");
    background-image: -webkit-image-set(url("../image/common/loading/loading_border.png") 1x, url("../image/common/loading/loading_border@2x.png") 2x)
}

.img-view-table .img-box .view-left .img-view .loading .icon-box .loading-txt {
    -webkit-animation: gifRotateZ 1.2s infinite linear;
    animation: gifRotateZ 1.2s infinite linear;
    background-size: 23px 21px;
    background-image: url("../image/common/loading/loading_txt.png");
    background-image: -webkit-image-set(url("../image/common/loading/loading_txt.png") 1x, url("../image/common/loading/loading_txt@2x.png") 2x)
}

.img-view-table .img-box .view-left .img-view .loading .tip {
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding-top: 18px
}

.img-view-table .img-box .view-left .img-nav {
    width: 100%;
    height: 106px;
    font-size: 0;
    padding-top: 2px
}

.img-view-table .img-box .view-left .img-nav .img-preview {
    width: 100%;
    height: 104px;
    overflow: hidden;
    position: relative
}

.img-view-table .img-box .view-left .img-nav .img-preview .img-list {
    height: 100%;
    padding: 0 34px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap
}

.img-view-table .img-box .view-left .img-nav .img-preview .img-list.hide {
    display: none
}

.img-view-table .img-box .view-left .img-nav .img-preview .img-list li {
    display: inline-block;
    width: 104px;
    height: 104px;
    margin-right: 2px;
    cursor: pointer;
    vertical-align: top
}

.img-view-table .img-box .view-left .img-nav .img-preview .img-list li.active {
    position: relative
}

.img-view-table .img-box .view-left .img-nav .img-preview .img-list li.active:after {
    display: block;
    content: "";
    position: absolute;
    width: 96px;
    height: 96px;
    top: 0;
    left: 0;
    border: 4px solid #007eed
}

.img-view-table .img-box .view-left .img-nav .img-preview .img-list .select-img {
    width: 100%;
    height: 100%
}

.img-view-table .img-box .view-left .img-nav .img-preview .btn {
    display: block;
    position: absolute;
    width: 34px;
    height: 100%;
    z-index: 9;
    background-color: #0d0d0d;
    top: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.img-view-table .img-box .view-left .img-nav .img-preview .btn:hover {
    background-color: #4c4c4c;
    opacity: .7
}

.img-view-table .img-box .view-left .img-nav .img-preview .btn.disabled {
    cursor: not-allowed
}

.img-view-table .img-box .view-left .img-nav .img-preview .btn.btn-prev {
    left: 0;
    background-image: url("../image/common/icon-btn-img-left.png");
    background-image: -webkit-image-set(url("../image/common/icon-btn-img-left.png") 1x, url("../image/common/icon-btn-img-left@2x.png") 2x)
}

.img-view-table .img-box .view-left .img-nav .img-preview .btn.btn-next {
    right: 0;
    background-image: url("../image/common/icon-btn-img-right.png");
    background-image: -webkit-image-set(url("../image/common/icon-btn-img-right.png") 1x, url("../image/common/icon-btn-img-right@2x.png") 2x)
}

.img-view-table .img-box .view-right {
    width: 248px;
    display: inline-block;
    vertical-align: top;
    height: 555px;
    overflow: auto
}

.img-view-table .img-box .view-right .img-type-item {
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    margin: 6px 0;
    cursor: pointer;
    font-size: 0
}

.img-view-table .img-box .view-right .img-type-item .item-title, .img-view-table .img-box .view-right .img-type-item .item-val {
    font-size: 13px;
    color: gray;
    height: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.img-view-table .img-box .view-right .img-type-item .item-title {
    width: 130px
}

.img-view-table .img-box .view-right .img-type-item .item-val {
    float: right
}

.img-view-table .img-box .view-right .img-type-item:hover {
    background: #313131
}

.img-view-table .img-box .view-right .img-type-item:hover .item-title, .img-view-table .img-box .view-right .img-type-item:hover .item-val {
    color: #fff
}

.img-view-table .img-box .view-right .img-type-item.active {
    background-color: #007eed
}

.img-view-table .img-box .view-right .img-type-item.active .item-title, .img-view-table .img-box .view-right .img-type-item.active .item-val {
    color: #fff
}

.img-view-table .img-box .view-right .img-type-item:after {
    content: "";
    clear: both;
    display: block
}

.img-view-table .img-box.no-right .view-left {
    display: block;
    margin: 0 auto
}

.hide, .img-view-table .img-box.no-right .view-right {
    display: none
}

.select-wrap {
    width: 344px;
    height: 48px;
    border: 1px solid #b3b3b3;
    padding-top: 15px;
    padding-left: 13px;
    font-size: 0;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 12px;
    margin-right: 12px;
    vertical-align: top;
    position: relative
}

.select-wrap.active {
    border: 1px solid #007eed
}

.select-wrap.active .select-cont .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-wrap .select-cont {
    position: relative
}

.select-wrap .select-cont .icon {
    margin-top: 2px;
    display: inline-block;
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -116px;
    width: 13px;
    height: 13px
}

.select-wrap .select-cont .value {
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    color: gray;
    padding-left: 10px
}

.select-wrap .select-cont .value span {
    color: #b3b3b3
}

.select-wrap .select-cont .arrow {
    position: absolute;
    right: 16px;
    top: 7px;
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 0;
    width: 7px;
    height: 4px
}

.select-wrap.has-val .select-cont .value {
    color: #0d0d0d
}

.select-city.select-wrap .select-cont .icon {
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -116px;
    width: 13px;
    height: 13px
}

.select-city.select-wrap.active .select-pull, .select-city.select-wrap.active .select-push {
    position: absolute;
    left: -1px;
    background-color: #fff;
    z-index: 10;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.select-city.select-wrap.active .select-pull .select-options, .select-city.select-wrap.active .select-push .select-options {
    padding: 12px 0;
    font-size: 0
}

.select-city.select-wrap.active .select-pull .select-options li, .select-city.select-wrap.active .select-push .select-options li {
    width: 56px;
    height: 32px;
    display: inline-block;
    font-size: 14px;
    color: #0d0d0d;
    line-height: 32px;
    text-align: center;
    margin-left: 10px;
    margin-bottom: 12px
}

.select-city.select-wrap.active .select-pull .select-options li.active, .select-city.select-wrap.active .select-pull .select-options li:hover, .select-city.select-wrap.active .select-push .select-options li.active, .select-city.select-wrap.active .select-push .select-options li:hover {
    background-color: #0085fa;
    color: #fff
}

.select-city.select-wrap.active .select-pull {
    top: 48px
}

.select-city.select-wrap.active .select-push {
    bottom: 48px
}

.select-city.select-wrap.active.error .select-error {
    height: 36px;
    line-height: 36px;
    background-color: #f65454;
    padding-left: 37px;
    font-size: 12px;
    color: #fff;
    position: relative
}

.select-city.select-wrap.active.error .select-error:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 10px;
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -254px;
    width: 16px;
    height: 16px
}

.select-city.select-wrap.error {
    border: 1px solid #f65454
}

.select-budget.select-wrap.active .select-pull, .select-budget.select-wrap.active .select-push, .select-long.select-wrap.active .select-pull, .select-long.select-wrap.active .select-push, .select-num.select-wrap.active .select-pull, .select-num.select-wrap.active .select-push, .select-time.select-wrap.active .select-pull, .select-time.select-wrap.active .select-push, .select-type.select-wrap.active .select-pull, .select-type.select-wrap.active .select-push {
    position: absolute;
    left: -1px;
    background-color: #fff;
    z-index: 10;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.select-budget.select-wrap.active .select-pull .select-options, .select-budget.select-wrap.active .select-push .select-options, .select-long.select-wrap.active .select-pull .select-options, .select-long.select-wrap.active .select-push .select-options, .select-num.select-wrap.active .select-pull .select-options, .select-num.select-wrap.active .select-push .select-options, .select-time.select-wrap.active .select-pull .select-options, .select-time.select-wrap.active .select-push .select-options, .select-type.select-wrap.active .select-pull .select-options, .select-type.select-wrap.active .select-push .select-options {
    padding: 0;
    font-size: 0
}

.select-budget.select-wrap.active .select-pull .select-options li, .select-budget.select-wrap.active .select-push .select-options li, .select-long.select-wrap.active .select-pull .select-options li, .select-long.select-wrap.active .select-push .select-options li, .select-num.select-wrap.active .select-pull .select-options li, .select-num.select-wrap.active .select-push .select-options li, .select-time.select-wrap.active .select-pull .select-options li, .select-time.select-wrap.active .select-push .select-options li, .select-type.select-wrap.active .select-pull .select-options li, .select-type.select-wrap.active .select-push .select-options li {
    width: 100%;
    height: 36px;
    display: inline-block;
    font-size: 14px;
    color: #0d0d0d;
    line-height: 36px;
    text-indent: 36px;
    position: relative
}

.select-budget.select-wrap.active .select-pull .select-options li:hover, .select-budget.select-wrap.active .select-push .select-options li:hover, .select-long.select-wrap.active .select-pull .select-options li:hover, .select-long.select-wrap.active .select-push .select-options li:hover, .select-num.select-wrap.active .select-pull .select-options li:hover, .select-num.select-wrap.active .select-push .select-options li:hover, .select-time.select-wrap.active .select-pull .select-options li:hover, .select-time.select-wrap.active .select-push .select-options li:hover, .select-type.select-wrap.active .select-pull .select-options li:hover, .select-type.select-wrap.active .select-push .select-options li:hover {
    background-color: #0085fa;
    color: #fff
}

.select-budget.select-wrap.active .select-pull .select-options li.active:before, .select-budget.select-wrap.active .select-push .select-options li.active:before, .select-long.select-wrap.active .select-pull .select-options li.active:before, .select-long.select-wrap.active .select-push .select-options li.active:before, .select-num.select-wrap.active .select-pull .select-options li.active:before, .select-num.select-wrap.active .select-push .select-options li.active:before, .select-time.select-wrap.active .select-pull .select-options li.active:before, .select-time.select-wrap.active .select-push .select-options li.active:before, .select-type.select-wrap.active .select-pull .select-options li.active:before, .select-type.select-wrap.active .select-push .select-options li.active:before {
    content: "";
    position: absolute;
    left: 14px;
    top: 14px;
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -16px;
    width: 12px;
    height: 12px
}

.select-budget.select-wrap.active .select-pull, .select-long.select-wrap.active .select-pull, .select-num.select-wrap.active .select-pull, .select-time.select-wrap.active .select-pull, .select-type.select-wrap.active .select-pull {
    top: 48px
}

.select-budget.select-wrap.active .select-push, .select-long.select-wrap.active .select-push, .select-num.select-wrap.active .select-push, .select-time.select-wrap.active .select-push, .select-type.select-wrap.active .select-push {
    bottom: 48px
}

.select-budget.select-wrap.active.error .select-error, .select-long.select-wrap.active.error .select-error, .select-num.select-wrap.active.error .select-error, .select-time.select-wrap.active.error .select-error, .select-type.select-wrap.active.error .select-error {
    height: 36px;
    line-height: 36px;
    background-color: #f65454;
    padding-left: 37px;
    font-size: 12px;
    color: #fff;
    position: relative
}

.select-budget.select-wrap.active.error .select-error:before, .select-long.select-wrap.active.error .select-error:before, .select-num.select-wrap.active.error .select-error:before, .select-time.select-wrap.active.error .select-error:before, .select-type.select-wrap.active.error .select-error:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 10px;
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -254px;
    width: 16px;
    height: 16px
}

.select-budget.select-wrap.error, .select-long.select-wrap.error, .select-num.select-wrap.error, .select-time.select-wrap.error, .select-type.select-wrap.error {
    border: 1px solid #f65454
}

.select-type.select-wrap .select-cont .icon {
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -77px;
    width: 13px;
    height: 13px
}

.select-type.select-wrap.error {
    border: 1px solid #f65454
}

.select-num.select-wrap .select-cont .icon {
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -103px;
    width: 13px;
    height: 13px
}

.select-num.select-wrap.error {
    border: 1px solid #f65454
}

.select-long.select-wrap .select-cont .icon {
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -52px;
    width: 13px;
    height: 12px
}

.select-date.select-wrap .select-cont .icon {
    background-position: 0 -64px
}

.select-budget.select-wrap .select-cont .icon, .select-date.select-wrap .select-cont .icon {
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    width: 13px;
    height: 13px
}

.select-budget.select-wrap .select-cont .icon {
    background-position: 0 -90px
}

.select-budget.select-wrap.error {
    border: 1px solid #f65454
}

.select-time.select-wrap.has-data {
    border: none;
    padding: 0
}

.select-time.select-wrap.has-data .select-time-group {
    font-size: 0
}

.select-time.select-wrap.has-data .select-time-group .select-cont {
    vertical-align: top;
    display: inline-block;
    width: 50%;
    height: 46px;
    padding: 15px 0 0 13px;
    border: 1px solid #b3b3b3
}

.select-time.select-wrap.has-data .select-time-group .select-cont .arrow {
    top: 20px
}

.select-time.select-wrap.has-data .select-time-group .select-start-date {
    display: inline-block;
    border-left: none;
    position: relative
}

.select-time.select-wrap.has-data.active .select-time-group .select-start-date, .select-time.select-wrap.has-data.active .select-time-group .select-time-cont {
    border: 1px solid #007eed
}

.select-time.select-wrap.has-data.active .select-time-group .select-start-date .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-time.select-wrap .select-cont.select-start-date {
    display: none
}

.select-time.select-wrap .select-cont.select-start-date .icon {
    background-position: 0 -64px;
    height: 13px
}

.select-time.select-wrap .select-cont .icon, .select-time.select-wrap .select-cont.select-start-date .icon {
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    width: 13px
}

.select-time.select-wrap .select-cont .icon {
    background-position: 0 -52px;
    height: 12px
}

.select-other.select-wrap .select-cont .icon {
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -129px;
    width: 13px;
    height: 13px
}

.select-other.select-wrap.active .select-pull, .select-other.select-wrap.active .select-push {
    position: absolute;
    left: -1px;
    background-color: #fff;
    z-index: 10;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.select-other.select-wrap.active .select-pull .select-options, .select-other.select-wrap.active .select-push .select-options {
    padding: 16px 0 8px 4px;
    font-size: 0
}

.select-other.select-wrap.active .select-pull .select-options li, .select-other.select-wrap.active .select-push .select-options li {
    width: 150px;
    height: 40px;
    display: inline-block;
    font-size: 14px;
    color: #0d0d0d;
    line-height: 40px;
    border: 1px solid #ebebeb;
    margin-left: 12px;
    margin-bottom: 12px;
    padding-left: 40px;
    position: relative
}

.select-other.select-wrap.active .select-pull .select-options li i, .select-other.select-wrap.active .select-push .select-options li i {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 12px;
    border: 1px solid #ccc
}

.select-other.select-wrap.active .select-pull .select-options li.active i, .select-other.select-wrap.active .select-push .select-options li.active i {
    width: 16px;
    height: 16px;
    top: 12px;
    left: 12px;
    border: none;
    background-color: #007eed
}

.select-other.select-wrap.active .select-pull .select-options li.active i:before, .select-other.select-wrap.active .select-push .select-options li.active i:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -4px;
    width: 12px;
    height: 12px
}

.select-other.select-wrap.active .select-pull .select-options li:hover, .select-other.select-wrap.active .select-push .select-options li:hover {
    border: 1px solid #0085fa
}

.select-other.select-wrap.active .select-pull .select-options-foot, .select-other.select-wrap.active .select-push .select-options-foot {
    height: 40px;
    width: 312px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #0085fa;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 2px
}

.select-other.select-wrap.active .select-pull {
    top: 48px
}

.select-other.select-wrap.active .select-push {
    bottom: 48px
}

.select-other.select-wrap.active.error .select-error {
    height: 36px;
    line-height: 36px;
    background-color: #f65454;
    padding-left: 37px;
    font-size: 12px;
    color: #fff;
    position: relative
}

.select-other.select-wrap.active.error .select-error:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 10px;
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -254px;
    width: 16px;
    height: 16px
}

.select-other.select-wrap.error {
    border: 1px solid #f65454
}



.select-other-two.active .select-pull, .select-other-two.active .select-push {
    position: relative;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    top: 0;
    left: 0
}

.select-other-two .select-cont {
    width: 0;
    overflow: hidden;
    height: 0
}

.select-other-two.select-other.active.error .select-error {
    display: none
}

.select-other-two .select-pull, .select-other-two .select-push {
    width: 100%
}

.select-other-two .select-pull .select-options-two, .select-other-two .select-push .select-options-two {
    font-size: 0
}

.select-other-two .select-pull .select-options-two li, .select-other-two .select-push .select-options-two li {
    width: 55px;
    height: 40px;
    display: inline-block;
    font-size: 14px;
    color: #4d4d4d;
    line-height: 40px;
    margin-right: 15px;
    position: relative;
    padding-left: 24px;
    cursor: pointer
}

.select-other-two .select-pull .select-options-two li i, .select-other-two .select-push .select-options-two li i {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 0;
    border: 1px solid #ccc
}

.select-other-two .select-pull .select-options-two li.active i, .select-other-two .select-push .select-options-two li.active i {
    width: 16px;
    height: 16px;
    top: 12px;
    left: 0;
    border: none;
    background-color: #007eed
}

.select-other-two .select-pull .select-options-two li.active i:before, .select-other-two .select-push .select-options-two li.active i:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    background-image: url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60);
    background-image: -webkit-image-set(url(../image/hotelDetail/form_icon.png?t=2ca64901cecd2054ee00b9de47590e60) 1x, url(../image/hotelDetail/form_icon@2x.png?t=1f2110c43a892c19de5dfe502d7bc3f1) 2x);
    background-position: 0 -4px;
    width: 12px;
    height: 12px
}

.select-duration.select-wrap.select-time .select-time-group .select-cont {
    width: 100%
}

.select-time-select.select-wrap.select-time {
    vertical-align: top
}

.select-time-select.select-wrap.select-time .select-time-group .select-start-date {
    width: 100%;
    border-left: 1px solid #d9d9d9
}


.consult-dialog-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4000;
    background-color: rgba(0, 0, 0, .6);
    display: none
}

.consult-dialog-wrap .dialog-container {
    width: 860px;
    height: 640px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -430px;
    margin-top: -320px;
    background-color: #fff
}

.consult-dialog-wrap .dialog-container .dialog-header {
    width: 100%;
    height: 124px;
    position: relative;
    background-color: #0e85e0;
    background-image: -webkit-gradient(linear, left top, right top, from(#009dff), to(#0072ff));
    background-image: linear-gradient(90deg, #009dff, #0072ff);
    padding-left: 134px;
    padding-top: 45px
}

.consult-dialog-wrap .dialog-container .dialog-header .dialog-header-img {
    width: 94px;
    height: 134px;
    position: absolute;
    left: 20px;
    top: -10px;
    background-size: 100% 100%;
    background-image: url("../image/contrast/renwu.png");
    background-image: -webkit-image-set(url(../image/contrast/renwu.png) 1x, url(../image/contrast/renwu@2x.png) 2x)
}

.consult-dialog-wrap .dialog-container .dialog-header .dialog-header-title {
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 12px
}

.consult-dialog-wrap .dialog-container .dialog-header .dialog-header-subtitle {
    display: block;
    height: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #fff;
    font-size: 14px
}

.consult-dialog-wrap .dialog-container .dialog-header .dialog-header-subtitle span {
    display: inline;
    color: #ffe400
}

.consult-dialog-wrap .dialog-container .dialog-header i {
    cursor: pointer;
    position: absolute;
    width: 12px;
    height: 12px;
    right: 20px;
    top: 20px;
    background-size: 100% 100%;
    background-image: url("../image/common/icon_close_w.png");
    background-image: -webkit-image-set(url(../image/common/icon_close_w.png) 1x, url(../image/common/icon_close_w@2x.png) 2x)
}

.consult-dialog-wrap .dialog-container .dialog-cont {
    width: 100%;
    height: 516px;
    font-size: 0
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form {
    vertical-align: top;
    display: inline-block;
    width: 500px;
    height: 100%;
    padding-left: 60px;
    padding-top: 36px
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap {
    margin-bottom: 16px;
    width: 384px
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap .select-pull, .consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap .select-push {
    width: 384px
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap .select-pull.two-row, .consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap .select-push.two-row {
    width: 600px;
    font-size: 0
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap .select-pull.two-row .select-options .select-option, .consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap .select-push.two-row .select-options .select-option {
    display: inline-block;
    width: 50%
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap.select-other.active .select-pull .select-options, .consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap.select-other.active .select-push .select-options {
    padding: 16px 0 8px 24px
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .dialog-form-btn {
    width: 384px;
    height: 53px;
    background-color: #00c42b;
    text-align: center;
    line-height: 53px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    cursor: pointer
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-header {
    height: 50px;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 8px;
    font-size: 0
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-header .dialog-title {
    display: inline-block;
    width: 86px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #0d0d0d
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-header .dialog-subtitle {
    display: inline-block;
    vertical-align: top;
    height: 42px;
    line-height: 42px;
    color: #4d4d4d;
    font-size: 12px;
    width: 180px
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-header .dialog-subtitle span {
    display: inline
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-header .dialog-subtitle span.assist {
    color: #b3b3b3
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-cont {
    padding-top: 10px
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-cont li {
    height: 40px;
    line-height: 40px;
    width: 100%;
    padding-right: 100px;
    position: relative
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-cont li .dialog-hotel-del {
    position: absolute;
    width: 40px;
    height: 24px;
    border-radius: 2px;
    border: 1px solid #b3b3b3;
    right: 0;
    top: 8px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    color: #b3b3b3;
    cursor: pointer
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-cont li .dialog-hotel-name {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-cont li .dialog-hotel-name a {
    color: gray
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-nodata-cont {
    padding-top: 148px;
    color: gray;
    display: none
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-nodata-cont .nodata-cont {
    width: 100%;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-nodata-cont .nodata-subcont {
    width: 100%;
    height: 12px;
    line-height: 12px;
    text-align: center;
    font-size: 12px
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right {
    display: inline-block;
    width: 360px;
    height: 100%;
    border-left: 1px solid #e6e6e6;
    padding: 0 20px
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .title {
    font-size: 16px;
    color: #0d0d0d;
    padding: 29px 0 13px;
    width: 100%;
    border-bottom: 1px solid #e6e6e6
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item {
    font-size: 0;
    width: 100%;
    padding-top: 20px
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .main-img {
    display: inline-block;
    width: 75px;
    height: 100px;
    vertical-align: top
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .info {
    display: inline-block;
    padding-left: 14px;
    width: 240px;
    overflow: hidden
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .info .hotel-name {
    font-size: 14px;
    color: #0d0d0d;
    padding-bottom: 14px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .info .data {
    font-size: 12px;
    color: gray;
    padding-bottom: 14px
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .info .data .val {
    color: #0d0d0d
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .info .price {
    font-size: 14px;
    color: #ff4d00
}

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .info .price:first-letter {
    font-size: 12px
}

.consult-dialog-wrap .dialog-container .dialog-cont.center .dialog-cont-form {
    width: 100%;
    padding-left: 220px
}

.consult-dialog-wrap .dialog-container .dialog-cont.center .dialog-cont-right {
    display: none
}

.header {
    border-bottom: 1px solid #ededed
}

.top-hr {
    width: 1160px;
    margin: 0 auto;
    height: 2px;
    background-color: #0d0d0d;
    position: relative
}

.top-hr .add-consult {
    cursor: pointer;
    right: 0;
    top: -24px;
    position: absolute;
    width: 82px;
    height: 14px;
    padding-left: 19px;
    font-size: 12px;
    line-height: 14px;
    color: #0d0d0d
}

.top-hr .add-consult i {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../image/hotelDetail/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792);
    background-image: -webkit-image-set(url(../image/hotelDetail/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792) 1x, url(../image/hotelDetail/detailIcon_icon@2x.png?t=62f6a04b2a90299b288dc6c1b71b86d4) 2x);
    background-position: -60px 0;
    width: 14px;
    height: 14px
}

.top-hr .add-consult.active {
    color: gray
}

.detail-content {
    width: 1160px;
    margin: 0 auto
}

.detail-left {
    width: 864px
}

.detail-right {
    width: 296px
}

.crumbs-nav {
    width: 1160px;
    padding-bottom: 14px
}

.likeness-hotel {
    width: 1160px;
}

